mockjs的使用

安装依赖

npm i mockjs(注意，在项目根目录下启动终端)

导入依赖

通过node独立运行

node ./src/js/mymock.js (路径/js文件名)

const Mock=require('mockjs')
const datas=Mock.mock({
    ....
})
//打印查看，stringify(打印数据，数据转换函数，字符缩进)
console.log(JSON.stringify(datas,null,2))

和html一起在浏览器运行

<script src="../node_modules/jquery/dist/jquery.js"></script>
<!--引入mock.js文件-->
<script src="../node_modules/mockjs/dist/mock.js"></script>
<!--生成数据的js文件-->
<script src="../db/mymock.js"></script>

//mymocl.js(不需要定义Mock)
const datas=Mock.mock({
    ....
})

定义规范

DTD（数据模板定义规范）

由属性名、生成规则、属性值构成

const datas=Mock.mock({
    //创建一个名叫userList的数组，里面装10个对象
    'userList|10':[{
        'id|+1':1,//id属性从1开始，每次+1
        'name|2':'han',//name属性的值为‘han’重复两次 hanhan
        'pid|4-80':1,//pid属性的值是4-80之间的数，1表示规定数据类型是数字
        'salary|4000-10000.1-3':1,//salary的值是4000到10000之间，保留1到3位小数
        'statue|1':true,//statue属性true和false各占50%
        'open|2-4':true,//open属性true占2/6，false占4/6
        'order|1-3':{oid:'1',oname:'han',oage:31},//order属性从对象中随机出去1-3个属性		
        'identify':正则表达式
    }]  
})

DPD（数据占位符定义规范）

const datas=Mock.mock({
    'empList|10':[{
      	'name':'@name',//标准英文名
        'cname':'@cname',//标准中文名
        'salary':'@float',//任意小数
        'gender':'@boolean',//任意布尔
        'birth':'@date',//任意日期
        'mypic':'@image',//任意图片
        'title':'@ctitle(3-10)',//任意中文标题(3-10个汉字)
        'email':'@email',
        'area':'@region',//任意区域
        'address':'@county(true)'//任意地址       
    }]
})