mockjson

• 解决前后端ajax数据构造问题

使用方法

安装

服务端nodejs安装

npm install mockjson
var mock = require('mockjson');

客户端

require by requireJS, seaJS or esl, any standary client amd loader

var mock = require('../mockJSON');

创建变量

mock.data.USERNAME = ['jack', 'willian', 'jerry'];
mock.data.GENDER = ['boy', 'girl', 'other'];

创建模板

var temp = {
"id|+1": 10000,
"name": "@USERNAME",
"gender|0-1": "@GENDER",
"vip|0-1": false
}

生成数据

var json = mock.generate(temp);

通过set/get设置及生成构造数据

var userList = {
"data|1-30": [
{
"id|1000-5000": 1000,
"name": "@USERNAME",
"budy|0-200": ["@NUMBER"]
}
]
};
mock.set('GET/user/list', userList);
function response(path, param, callback) {
var result = mock.get('GET/user/list', {
path: path,
param: param
});
}

高级方法

使用方法设置变量

/**
* generate attributes with function;
* @param {Objects} context depends on args passed to `mock.get`
* @param {number} idx the index of temperary generating */
mock.data.IDEA = function(context, idx) {
context || (context = {param: {ideaid: idx}});
var param = context.param;
var idea = {
index: idx,
ideaid: param.ideaid,
title: mock.generate("BUY BEST @KEYWORDS @PROVINCE"),
content: ""
};
param.unitid && (idea.unitid == param.unitid);
return idea;
}
mock.set(/GET\/idea\/.*/, {
"idea|0-10": "@IDEA"
});
var data = mock.get("GET/idea/list", {param: {
userid: 1233,
unitid: 111,
ideaid: 1333
}});

导入模板包

var pkg = require('./mypackage');
mock.include(pkg);
var fruit = mock.get('fruit');
var orange = mock.get('orange');

-- mypackage.js 的内容如下:

// local variables
exports.data = {
'COLOR': ['red', 'green', 'blue'],
'SHAPE': ['rect', 'triangle', 'circle', 'ball'],
'FRUIT': ['apple', 'orangle', 'peach', 'berry']
};
// template fruit
exports.fruit = {
"name": "@FRUIT",
"color": "@COLOR",
"shape": "@SHAPE",
"number|0-5": "@NUMBER"
};
// template orange
exports.orange = {
"color": "@COLOR",
"shape": "@SHAPE",
"number|0-5": "@NUMBER"
};

including the template file can auto loading all the exports.xxx object as tamplate; and exports.data as local variable in package

测试示例

> mock.generate("@NUMBER") 12
> {"list|0-9": "@NUMBER"}
{ "list" : "863802"
}
> {"list|1-9": ["@NUMBER"]}
{
"list" : [ "5", "6", "8"]
}
> {"list|0-1": true}
{"list" : false}
> {"user|3-3": [{"id|+1": 13}]}
{ "user" : [ {"id" : 13},
{"id" : 14},
{"id" : 15}
]
}