mockjs数据模板

最新推荐文章于 2024-08-07 15:09:54 发布

快乐无边

最新推荐文章于 2024-08-07 15:09:54 发布

阅读量496

点赞数 1

分类专栏： Javascript类文章标签： javascript mockjs 数据模拟前端

本文链接：https://blog.csdn.net/cdefu/article/details/107304555

版权

Javascript类专栏收录该内容

112 篇文章 0 订阅

订阅专栏

mockjs数据模板

Mock.js 的语法规范包括两种

数据模板定义规范（Data Template Definition，DTD）
数据占位符定义规范（Data Placeholder Definition，DPD）

DTD定义

这种数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值:

    // 属性名   name
    // 生成规则 rule
    // 属性值   value
    'name|rule': value

    // 属性名 和 生成规则 之间用 | 分隔

生成规则有7种格式:

1. 'name|min-max': value
2. 'name|count': value
3. 'name|min-max.dmin-dmax': value
4. 'name|min-max.dcount': value
5. 'name|count.dmin-dmax': value
6. 'name|count.dcount': value
7. 'name|+step': value

一、属性值是字符串 String

’name|min-max’: ‘value’：通过重复 ‘value’ 生成一个字符串，重复次数大于等于 min，小于等于 max。
’name|count’: ‘value’ 通过重复 ‘value’ 生成一个字符串，重复次数等于 count 。

二、属性值是数字 Number

’name|+1’: 100 属性值自动加 1，初始值为 100
’name|1-100’: 100 生成一个大于等于 1、小于等于 100 的整数，属性值 100 只用来确定类型。
’name|1-100.1-10’: 100 生成一个浮点数，整数部分大于等于 1、小于等于 100，小数部分保留 1 到 10 位。

三、属性值是布尔型 Boolean

’name|1’: value 随机生成一个布尔值，值为 true 的概率是 1/2，值为 false 的概率是 1/2。
’name|min-max’: value 随机生成一个布尔值，值为 value 的概率是 min / (min + max)，值为 !value 的概率是 max / (min + max)。

四、属性值是对象 Object

’name|min-max’: {} 从属性值 {} 中随机选取 min 到 max 个属性。
’name|count’: {} 从属性值 {} 中随机选取 count 个属性。

五、属性值是数组 Array

’name|1’: [{}, {} …] 从属性值 [{}, {} …] 中随机选取 1 个元素，作为最终值。
’name|min-max’: [{}, {} …] 通过重复属性值 [{}, {} …] 生成一个新数组，重复次数大于等于 min，小于等于 max。
’name|count’: [{}, {} …] 通过重复属性值 [{}, {} …] 生成一个新数组，重复次数为 count。

六、属性值是数组 Function

’name’: function(){} 执行函数 function(){}，取其返回值作为最终的属性值，上下文为 ‘name’ 所在的对象。

DPD定义

Mock.Random 是一个工具类，用于生成各种随机数据。Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参数]) 。
占位符只是在属性值字符串中占个位置，并不出现在最终的属性值中。占位符的格式为：

@占位符
@占位符(参数 [, 参数])

注意：
    用 @ 来标识其后的字符串是 占位符。
    占位符 引用的是 Mock.Random 中的方法。
    通过 Mock.Random.extend() 来扩展自定义占位符。
    占位符 也可以引用 数据模板 中的属性。
    占位符 会优先引用 数据模板 中的属性。