Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。
在 CMD 输入如下命令:
cnpm install mockjs
Mock.js 的语法规范包括两部分:
数据模板定义规范(Data Template Definition,DTD)
数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:'属性名|生成规则' : value
生成规则有七种格式:
'name|min-max': value
'name|count': value
'name|min-max.dmin-dmax': value
'name|min-max.dcount': value
'name|count.dmin-dmax': value
'name|count.dcount': value
生成规则的含义需要依赖属性值的类型才能确定
属性值 中可以含有 @占位符
'name|min-max': string
重复 string 生成一个字符串,重复次数大于 min,小于 max
'name|count': string
重复 string 生成一个字符串,重复 count 次
'name|+1': number
属性值自动+1
'name|min-max': number
生成一个介于 min-max 之间的整数
'name|min-max.dmin-dmax': number
生成一个整数部分介于 min-max 之间,小数部分保留 dmin-dmax 位的浮点数
'name|1': boolean
随机生成一个 boolean 值,真或假的概率都为 1/2
'name|min-max': value
随机生成一个布尔值,值为 value 的概率是 min/(min+max),值为 !value 的概率是 max(min+max)
'name|count': object
从 object 中取 count 个属性
'name|min-max': object
从 obejct 中取 min-max 个属性
'name|1': array
从 array 中随机取一个元素,作为最终值
'name|+1': array
从 array 中顺序取一个元素,作为最终值
'name|min-max': array
通过重复 array 生成一个新数组,重复次数大于等于 min,小于等于 max
'name|count': array
通过重复 array 生成一个新数组,重复次数为 count 次
'name':function
执行函数 function,取其返回值作为最终的属性值,函数的上下文为属性 name 所在的对象
'name': regexp
根据正则表达式 regexp 反向生成可以匹配它的字符串
占位符只是在属性值字符串中占个位置,并不出现在最终的属性值中
占位符的格式为:
@占位符
@占位符(参数 [, 参数])
占位符引用的是 Mock.Random 中的方法
可以通过 Mock.Random.extend() 来扩展自定义占位符
占位符也可以引用数据模板中的属性
占位符会优先引用数据模板中的属性
占位符支持相对路径和绝对路径
@string 字符串
integer 整数
@title 标题
@cname 中文名称
@cfirst 中文姓氏
@url url
@region 区域方法
Easy Mock 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的在线 mock 服务 。以项目管理的方式组织 Mock List,能帮助我们更好的管理 Mock 数据。
地址:https://www.easy-mock.com
登陆或注册
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。