mockjs-Mocker 快速生成假数据的神器

Mock.js是一个非常流行的开源库，它可以模拟一些数据来进行前端开发。同时，它还提供了简单易用的接口，使程序员能够快速地生成假数据，并节约时间。在Mock.js中，Mocker是一个特别有用的工具，是用来生成各种类型的假数据的。下面，我会详细介绍Mocker这个神器的使用方法。

1. 基础使用

使用Mocker最基础的方法是调用Mock.mock()方法。如果你希望生成一个普通的对象，可以使用以下代码：

const Mock = require('mockjs')
const data = Mock.mock({
    'name': '@name',

    'age|1-99': 1
})
console.log(data)

这个代码会生成一个对象，里面包含了一个字符串类型的'name'和一个数字类型的'age'，例如：

{
    "name": "李明",

    "age": 24
}

其中，'@name'是一个Mock.js的占位符，它表示随机生成一个名称。 '|1-99'是定义了一个age属性，它的值范围是[1, 99]之间的整数。

2. 数据模板

使用Mocker生成假数据的另一个方式是使用数据模板。数据模板本质上是一段JSON格式的数据，里面包含了占位符和描述数据类型的关键字。下面是一个数据模板的例子：

const data = Mock.mock({
    'list|1-10': [{
        'id|+1': 1,
        'name': '@name',
        'age|20-30': 1,
        'gender|0-1': 1,
        'score|0-100': 1
    }]
})
console.log(data)

这个数据模板可以生成一个对象，里面包含了一个list属性，该属性是一个长度为1至10的数组。数组中的每一个元素都是一个对象，包含了一个id、name、age、gender、score属性。其中，id的初始值为1，每次加1；name是一个随机的名称；age是一个范围在[20,30]之间的整数；gender是0或1；score是0至100之间的整数。

3. 拓展语法

Mock.js的拓展语法非常强大，可以根据需要自由组合。下面是一个例子，展示了如何使用拓展语法生成假数据。

const Random = Mock.Random
const data = Mock.mock({
    'list|5-10': [{
        'id|+1': 1,
        'name': '@name',
        'gender|1': ['男', '女'],
        'start_time': Random.datetime('yyyy-MM-dd HH:mm:ss'),
        'end_time': Random.datetime('yyyy-MM-dd HH:mm:ss'),
        'price|100-5000': 1,
        'is_stock|1': true,
        'stock_num|1-100': 1,
        'shop': {
            'id|1-10': 1,
            'name': '@name',
            'address': Random.county(true) + Random.city(true) + Random.street(),
            'phone': /^1[3456789]\d{9}$/
        }
    }]
})
console.log(data)

以上代码会生成一个包含5至10个元素的数组，数组中每一个元素都是一个对象。对象中包含了'id'、'name'、'gender'、'start_time'、'end_time'、'price'、'is_stock'、'stock_num'和'shop'属性。其中，'start_time'和'end_time'属性的值是一个时间字符串，格式为'yyyy-MM-dd HH:mm:ss'；'price'属性的值是100至5000之间的整数；'is_stock'属性的值是true或false；'stock_num'属性的值是一个1至100之间的整数；'shop'属性是一个对象，对象中包含了'id'、'name'、'address'和'phone'属性。'address'属性的值是一个随机的地址，'phone'属性的值是一个1开头的11位数字。这个例子展示了Mock.js的拓展语法，以及如何灵活组合各种关键字和占位符来生成假数据。

总结

以上就是Mocker的基础使用方法和拓展语法，Mock是前端开发中非常重要的工具之一，它能够在模拟数据上为团队提供便利。Mock有了mockjs这个工具库，它可以让我们更加方便灵活的生成各种假数据。