Mock 常用的词法,大量词法请查阅官方文档

lxf2023-04-19 18:00:02

Mock 是生成随机数据,阻拦 Ajax 请求的 JavaScript 库。

文中来讲解下 Mock 的常见词法。

模拟数据

生成随机数据

Mock.Random.boolean()

生成一个随机事件布尔值。比如:

传参为 truefalse

Mock.Random.integer(min, max)

生成一个随机事件整数金额,能够特定范畴。比如:

传参为 010 间的整数金额。

Mock.Random.float(min, max, dmin, dmax)

生成一个随机事件浮点型,能够特定范围及精密度。比如:

传参为 0.00100.00000 间的浮点型,精密度为 25 位低。

Mock.Random.string(length)

生成一个随机事件字符串数组,能够特定长短。比如:

传参为长度 10 的随机字符串。

Mock.Random.date()

生成一个随机事件日期。比如:

传参为任意日期字符串数组表明,比如 "1977-07-03"

Mock.Random.time()

生成一个随机事件时长。比如:

传参为随机时间的字符串数组表明,比如 "05:38:02"

Mock.Random.datetime()

生成一个随机事件日期时长。比如:

传参为任意日期时间字符串数组表明,比如 "2007-06-29T22:03:06.140Z"

Mock.Random.image(size, background, foreground, format, text)

生成一个随机事件照片,能够特定尺寸、背景颜色、前景色、文件格式文字。比如:

传参为图形的 Base64 编号字符串数组。

形成数据模板指定数据信息

Mock.mock(template) 依据数据模板形成模拟数据。数据信息模板能够形成繁杂的算法设计

数据信息模板的语法结构如下所示:

  • 属性名和基础属性间用 : 隔开。
  • 特性与属性间用 , 隔开。
  • 基础属性是字符串类型,可以用 @ 来描述占位符。
  • 基础属性是对象类型,可以用 name|rule 来描述形成标准

实例

const Mock = require('mockjs')

const data = Mock.mock({
  'list|1-10': [{
    'id| 1': 1, // 从 1 逐渐,每一次加 1
    'name': '@cname', // 任意中文名
    'age|18-60': 1, // 18 到 60 岁间的整数金额
    'gender|1': ['男', '女'], // 男或女
    'email': '@email' // 任意电子邮箱地址
  }]
})

console.log(data)

导出:

{
  "list": [
    {
      "id": 1,
      "name": "林志林",
      "age": 32,
      "gender": "女",
      "email": "kbsc@pmpuaaq.pk"
    },
    {
      "id": 2,
      "name": "周董",
      "age": 55,
      "gender": "男",
      "email": "whq@zjfwq.uz"
    },
    ...
  ]
}

仿真模拟插口

  • Mock.mock(url, template) 依据接口地址和数据模板仿真模拟接口请求。
  • Mock.mock(method, url, template) 依据请求方法、接口地址和数据模板仿真模拟接口请求。

以上就是 Mock 常用的词法,大量词法请查阅官方文档。想升阶成为一位 Mock 大神?Apifox 是一个强悍的插口文档管理工具,用 Apifox 能让 Mock 越来越比较容易。Apifox 词法彻底适配 Mock, 并拓展了一些 Mock 不具备的词法(如中国手机号码 @phone)。朋友们能够来体验下。

专业知识拓展:

大量 Mock 基本知识可点击进入连接查询。

  • 掌握 Mock.js 的词法标准
  • Mock.js 形成模拟数据实例教程