EasyMock的使用

在前后端分离的概念中,前端脱离与后端工作,在对好接口之后,以及后端没有假数据的情况下,可以先采用折衷的办法来请求假数据,这就有了Mock.js,可以随机生成数据,拦截ajax请求。Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。

想要很好的使用EasyMock就要先了解mockjs语法:

1. 属性值是字符串 String

'name|min-max': string

通过重复 string 生成一个字符串,重复次数大于等于 min,小于等于 max。

'name|count': string

通过重复 string 生成一个字符串,重复次数等于 count。

2. 属性值是数字 Number

'name|+1': number

属性值自动加 1,初始值为 number。

'name|min-max': number

生成一个大于等于 min、小于等于 max 的整数,属性值 number 只是用来确定类型。

'name|min-max.dmin-dmax': number

生成一个浮点数,整数部分大于等于 min、小于等于 max,小数部分保留 dmin 到 dmax位。

Mock.mock({

    'number1|1-100.1-10': 1,

    'number2|123.1-10': 1,

    'number3|123.3': 1,

    'number4|123.10': 1.123

})

//代码效果

{

    "number1": 12.92,

    "number2": 123.51,

    "number3": 123.777,

    "number4": 123.1231091814

}

3. 属性值是布尔型 Boolean

'name|1': boolean

随机生成一个布尔值,值为 true 的概率是 1/2,值为false 的概率同样是 1/2。

'name|min-max': value

随机生成一个布尔值,值为 value 的概率是 min/ (min + max),值为 !value 的概率是 max / (min + max)。

4. 属性值是对象 Object

'name|count': object

从属性值 object 中随机选取 count 个属性。

'name|min-max': object

从属性值 object 中随机选取 min 到 max 个属性。

5. 属性值是数组 Array

'name|1': array

从属性值 array 中随机选取 1 个元素,作为最终值。

'name|+1': array

从属性值 array 中顺序选取 1 个元素,作为最终值。

'name|min-max': array

通过重复属性值 array 生成一个新数组,重复次数大于等于 min,小于等于 max。

'name|count': array

通过重复属性值 array 生成一个新数组,重复次数为 count。

6. 属性值是函数 Function

'name': function

执行函数 function,取其返回值作为最终的属性值,函数的上下文为属性 ‘name’ 所在的对象。

  1. 属性值是正则表达式 RegExp
'name': regexp

根据正则表达式 regexp 反向生成可以匹配它的字符串。用于生成自定义格式的字符串。

Mock.mock({

   'regexp1': /[a-z][A-Z][0-9]/,

   'regexp2': /\w\W\s\S\d\D/,

   'regexp3': /\d{5,10}/

})
//显示效果
{

   "regexp1": "pJ7",

   "regexp2": "F)\fp1G",

   "regexp3": "561659409"

}

当然我只是简单的列举了几条语法,更多的语法大家可以去Mockjs的官网查看:Mockjs官网

EasyMock使用

  1. 首先创建接口
  2. 然后编辑数据
    EasyMock的使用_第1张图片
  3. 复制地址
  4. 请求的url即可,然后axios.get(‘上面复制的地址’).then()即可,

想要了解更多EasyMock,可以去官网看看 :EasyMock官网

你可能感兴趣的:(EasyMock的使用)