mock.js实例，构建相应的模拟假数据

在做微信小程序的时候，后台接口一直出不出来，导致没有数据进行下一步操作，所以去学了Mock.js来实现模拟假数据，一开始也是觉得不会，但是参照着http://mockjs.com/examples.html#Random 来做还是相对简单的。

首先，先定义一个DEBUG,如果有虚拟数据则DEBUG==true,否则为false

底下为最终的代码：

// 设置mock.js 模拟数据
let API_HOST="http://192.168.12.203/dafeng/index.php?cp=get_product_list";
let DEBUG=true;

var Mock = require('mock.js')
function ajax(data='',fn,method="get",header={}){
if(!DEBUG){
wx.request({
url: config.API_HOST + data,
data: {},
method: method ? method : 'get',
header: header ? header : { "content-Type" : "application/json"},
success: function(res){
fn(res);
}
})
}else{
// 模拟数据
// Random.csentence(3, 10);
// Random.integer(0,100);
// Random.datetime();

var res = Mock.mock({
'error_code':'',
'error_msg':'',
'data|1-10':[{
'id|+1':1,
'coupon_id':'10010001001',
'img':'',
'coupon_name':'@ctitle(3,8)',
'stock_num':'@integer(0,100)',//库存数量
'marketing_start':'@datetime()',
'marketing_stop':'@now()',
'marketing_type|+1':[
"normal",
"snap"
],
'price':'@integer(100,2000)',//现价，单位：分
'original_price':'@integer(100,3000)'
}]
})
// 输出结果
// console.log(JSON.stringify(res,null,4))
fn(res)

}
}
module.exports = {
ajax: ajax
}

@integer(0,100)

用

@

来标识其后的字符串是 占位符.

占位符 引用的是

Mock.Random

中的方法。

通过

Mock.Random.extend()

来扩展自定义占位符

所以在mock里面可以直接调用@integer()方法，不用再定义一次Random.integer()，虽然在官网示例中都有写Random 的相应方法。