MockJs使用
语法规范:
Mock.js 的语法规范包括两部分：
- 数据模板定义规范（Data Template Definition，DTD）
- 数据占位符定义规范（Data Placeholder Definition，DPD）
一. 数据模板定义规范 DTD:
数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值：
// 属性名 name
// 生成规则 rule
// 属性值 value
‘name|rule’: value
注意：
- 属性名 和 生成规则 之间用竖线 | 分隔。
生成规则 是可选的。- 生成规则 有 7 种格式：
- ‘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|+step’: value
生成规则 的 含义 需要依赖 属性值的类型 才能确定。- 属性值 中可以含有 @占位符。
- 属性值 还指定了最终值的初始值和类型。
生成规则和示例：
1. 属性值是字符串 String
-
‘name|min-max’: string
通过重复 string 生成一个字符串，重复次数大于等于 min，小于等于 max。 -
‘name|count’: string
通过重复 string 生成一个字符串，重复次数等于 count。
2. 属性值是数字 Number
-
‘name|+1’: number
属性值自动加 1，初始值为 number。 -
‘name|min-max’: number
生成一个大于等于 min、小于等于 max 的整数，属性值 number 只是用来确定类型。 -
‘name|min-max.dmin-dmax’: number
生成一个浮点数，整数部分大于等于 min、小于等于 max，小数部分保留 dmin 到 dmax 位。
3. 属性值是布尔型 Boolean
-
‘name|1’: boolean
随机生成一个布尔值，值为 true 的概率是 1/2，值为 false 的概率同样是 1/2。 -
‘name|min-max’: value
随机生成一个布尔值，值为 value 的概率是 min / (min + max)，值为 !value 的概率是 max (min + max)。
4. 属性值是对象 Object
-
‘name|count’: object
从属性值 object 中随机选取 count 个属性。 -
‘name|min-max’: object
从属性值 object 中随机选取 min 到 max 个属性。
5. 属性值是数组 Array
-
‘name|1’: array
从属性值 array 中随机选取 1 个元素，作为最终值。 -
‘name|+1’: array
从属性值 array 中顺序选取 1 个元素，作为最终值。 -
‘name|min-max’: array
通过重复属性值 array 生成一个新数组，重复次数大于等于 min，小于等于 max。 -
‘name|count’: array
通过重复属性值 array 生成一个新数组，重复次数为 count。
6. 属性值是函数 Function
- ‘name’: function
执行函数 function，取其返回值作为最终的属性值，函数的上下文为属性 ‘name’ 所在的对象。
7. 属性值是正则表达式 RegExp
- ‘name’: regexp
根据正则表达式 regexp 反向生成可以匹配它的字符串。用于生成自定义格式的字符串。
二. 数据占位符定义规范 DPD
占位符 只是在属性值字符串中占个位置，并不出现在最终的属性值中。
占位符 的格式为：
@占位符
@占位符(参数 [, 参数])
注意：
- 用 @ 来标识其后的字符串是 占位符。
- 占位符 引用的是 Mock.Random 中的方法。
- 通过 Mock.Random.extend() 来扩展自定义占位符。
- 占位符 也可以引用 数据模板 中的属性。
- 占位符 会优先引用 数据模板 中的属性。
- 占位符 支持 相对路径 和 绝对路径。
-
Mock.Random 是一个工具类，用于生成各种随机数据。
-
Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参 数]) 。
2.1 内置方法列表：
| Type | Methord |
|---|---|
| Basic | boolean, natural, integer, float, character, string, range, date, time, datetime, now |
| Image | image, dataImage |
| Color | color |
| Text | paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle |
| Name | first, last, name, cfirst, clast, cname |
| Web | url, domain, email, ip, tld |
| Address | area, region |
| Helper | capitalize, upper, lower, pick, shuffle |
| Miscellaneous | guid, id |
2.2 常用占位符：
1.随机字符串(类型 , 位数)
@string(lower,10)
lower : 小写字母
upper : 大写字母
number : 数字
2.随机int(下限 , 上限)
@integer(60, 100)
3.随机boolean
@boolean
4.随机float/double(下限 , 上限)
@float(60, 100)
5.随机日期(yyyy-mm-dd)
@date
6.随机时间(hh:mm:ss)
@time
7.随机日期+时间(yyyy-mm-dd hh:mm:ss)
@datetime
8.当前日期+时间(yyyy-mm-dd hh:mm:ss)
@now
9.随机图片占位符 ,会生成一个图片链接
@image(200x100)
10.随机颜色(#79f2ac)
@color
11.长文本(英文)
@paragraph
12.长文本(中文)
@cparagraph
13.常用特殊格式
@url 链接
@domain 域名
@email 邮箱
@ip IP
@region 地区(华东,华南…)
@province 省
@city 市
@county 县
@zip 邮编
@guid 随机GUID //全局唯一标识符(GUID，Globally Unique Identifier)是一种由算法生成的二进制长度为128位的数字标识符。
@id 随机ID(Long)