Mock.js随机生成数据

Mock.js随机生成数据
一、Mock.js的功能:
①基于数据模板生成数据
②基于HTML模板生成数据
③拦截并模拟ajax请求
二、Mock.js的安装:
①下载mock.js文件
②npm安装Mock模块:npm install mock

使用
①在html当中引入:

<script type="text/javascript" src="http://mockjs.com/bower_components/mockjs/dist/mock.js">script>

②在script中定义Mock:

var Random=Mock.Random;
var data=Mock.mock({
'list|3': [{
        'id|+1': 1,
        'name' :'@name',//英文名
        'canme': '@cname()',//中文名
        'email': '@email',//邮箱
        'phone': /^1[385][1-9]\d{8}/,//手机号
        // 'color': '@color',//颜色
        // 'title': '@title',//英文标题
        // 'url': '@url("http")',//链接
        // 'image': Random.image('200x200', '#50B347', '#FFF', 'Mock.js'),//图片
        // 'date': '@date("yyyy-MM-dd HH:mm:ss")',
        // 'date2': '@dateTime',//时间
        // 'cadd': '@province' + '@city' + '@county',//地址

    }]
console.log(JSON.stringify(data, null, 3))//list|3跟这里的3代表数据的数量,可修改

你可能感兴趣的:(Mock.js随机生成数据)