mock 和 json-server的基础用法

mock基础用法

详细请参考文档

http://mockjs.com/0.1/

安装

首先初始化

npm init -y 初始化项目

安装

npm install mockjs

mock 的语法规则

“name|min-max”: 值 重复生成值，最少min条，最多max条
“name|number”: 值 生成number条值
“name|+1”: number name的值累次+1，初识值是number
“name|1”: [] name的值是 [] 中的任意一个值
“tel”: /^1[3-9]\d{9}$/ 随机生成手机号

Mock.Random

  const Mock = require('mockjs');
  const Random = Mock.Random;
  Random.date(yyyy-MM-dd) 输出年月日
  Random.cname() 随机生成汉字名字
  Random.boolean() 随机生成布尔值

// 引入 mock 
const Mock = require('mockjs');
const Random = Mock.Random;

let data = Mock.mock({
  /* 
    属性list是一个数组 100 代表的是会生成100条数据
    id|+1 属性id 是累加一次+1，后面的值1 代表的是开始数据是1
    "name|1" 属性name的值是数组中的随机一个
  */
  "list|5-10": [
    {
      'id|+1': 1,
      "name": () => Random.cname(),
      // "sex|1": ['男','女'],
      "sex": () => Random.boolean()? '女' : '男',
      "br": () => Random.date('yyyy-MM-dd'),
      "tel": /^1[3-9]\d{9}$/
    }
  ]
})

console.log(data);

json-server基础用法

安装

初始化

npm init -y 初始化项目

安装

1. 先安装 npm i mockjs
2. 再安装 npm i -g json-server