mock数据

这是官网传送带（内有雷）

---

使用说明有两点：
1. 数据模板定义（Data Temaplte Definition, DTD）
2. 数据占位符定义（Data Placeholder Definition,DPD）

---

一、数据模板定义 DTD

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

//属性名 | 生成规则 ： 属性值
‘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

   生成规则的含义需要依赖属性值才能确定。
   属性值中可以含有@占位符。
   属性值还指定了最终值得初始值和类型。

---

1. 属性值：string
     1.1 'name|min-max': string  通过重复value生成字符串，重复次数 min=< str <=max。
     1.2 'name|count': string  通过重复value生成字符串，重复次数为count。

2. 属性值：Number
    2.1 'name|+step': Number 属性值自动加 step，初始值为 value
    2.2 'name|min-max': Number 生成一个 min=< (int)number <=max, value只用于确定生出number的类型
    2.3 'name|min-max.dmin-dmax':Number 生成一个浮点数，整数部分大于等于min，小于等于max,小数部分同理
    2.4 'name|num.dmin-dmax':Number 生成一个浮点数，整数部分等于num，小数部分大于等于min，小于等于max
    2.5 'name|num.dcount': Number(int)生成一个浮点数，整数部分等于num，小数部分位数是dcount
    2.6 'name|num.dcount':Number(float) 生成一个浮点数，小数部分位数不够dcount 自动补位
     {
     'number1|123.1-10': 1,
     'number2|123.3': 1,
     'number3|123.10': 1.123
     }
     // =>
     {
     "number1": 123.51,
     "number2": 123.777,
     "number3": 123.1231091814
     }
3. 属性值是Boolean
    3.1 'name|1': Boolean 随机生成一个Boolean,概率都是 1/2,rule在这里没有意义
    3.2 'name|min-max': value 随机生成一个Boolean,值为value的概率为 min/(min+max),!value的概率为 max/(min+max)
4. 属性值为对象 Object
    4.1 'name|min-max':{} 从对象中随机选取min到max个属性
    4.2 'name|count':{} 从对象中随机选取count个属性
5. 属性值为数组 Array
    5.1 'name|1':[{},{}....] 从数组中随机选取一个元素作为最终值
    5.2 'name|min-max': [{},{}....] 重复属性值生成一个新数组，min =< 重复次数 <= max
    5.3 'name|count': [{},{}....] 重复count次属性值生成新数组
6. 属性值为 Function
    6.1 'name':function(){} 执行函数，去返回值作为最终属性值，上下文为‘name’所在对象

数据占位符定义 DPD

占位符只是在属性值中战歌位置，并不出现在最终属性值中

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

nots：

1. @表示占位符
2. 占位符引用 Mock.Random中的方法
3. 通过 Mock.Random.extend()扩展自定义占位符
4. 占位符可以并且有限引用数据模板中的属性

{
     name: {
         first: '@FIRST',
         middle: '@FIRST',
         last: '@LAST',
         full: '@first @middle @last'
     }
 }
 // =>
 {
     "name": {
         "first": "Charles",
         "middle": "Brenda",
         "last": "Lopez",
         "full": "Charles Brenda Lopez"
     }
 }

数据重点在 Mock.Random。过多不赘述

---

Mock API

Mock.mock(rurl?,rtype?,template|function(args))

• rurl : 可选。表示需要拦截的URL，可以使URL字符串或者URL正则。
• rtype: 可选。需要拦截的Ajax请求类型。例如 GET、POST、PUT等。
• template：可选。数据模板，可以使兑现过着字符串。
• function（args）:可选。表示生成响应数据的函数。
• args: 指向本次请求的Ajax选项集

实例1：Mock.mock( rurl, function(options) )

// Mock.mock(rurl, function(options))
Mock.mock(/\.json/, function(options) {
    return options
})
$.ajax({
    url: 'hello.json',
    dataType: 'json'
}).done(function (data, status, jqXHR) {
    $('<pre>').text(JSON.stringify(data, null, 4))
        .appendTo('body')
})


//result
{
    "url": "hello.json",
    "type": "GET",
    "body": null
}

实例2：Mock.mock( rurl, rtype, template )

// Mock.mock( rurl, rtype, template )
Mock.mock(/\.json/, 'get', {
    type: 'get'
})
Mock.mock(/\.json/, 'post', {
    type: 'post'
})
$.ajax({
    url: 'hello.json',
    type: 'get',
    dataType: 'json'
}).done(function (data, status, jqXHR) {
    $('<pre>').text(JSON.stringify(data, null, 4))
        .appendTo('body')
})

$.ajax({
    url: 'hello.json',
    type: 'post',
    dataType: 'json'
}).done(function (data, status, jqXHR) {
    $('<pre>').text(JSON.stringify(data, null, 4))
        .appendTo('body')
})

//result
{
    "type": "get"
}
{
    "type": "post"
}

---

官网的例子被API不符，所以以API为准。