Mock.js和EsayMock介绍以及使用

Mock.js

mockjs就是一个模拟数据，生成随机数据，拦截ajax请求。
通过拦截ajax 请求 根据数据模板生成开发返回模拟数据，让前端独立于后端进行开发 版主偏写单元测试

1. 首先使用之前我们需要先安装Mock ，在命令提示符窗口，用 npm 安装 mockjs

   npm install mockjs
   

2. 项目中引入mock.js

   <script src="../static/js/mock.js" type="text/javascript"></script>
   

Mock的语法规则

数据模板定义规范
数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值
属性名 和 生成规则 之间用竖线 | 分隔。
生成规则 是可选的。
生成规则 有 7 种格式：

'name|min-max': value 
'name|count': value
'name|min-max.dmin-dmax': value
'name|min-max.dcount': value
'name|count.dmin-dmax': value
'name|count.dcount': value
'name|+step': value

生成规则 的 含义 需要依赖 属性值的类型 才能确定。
属性值 中可以含有 @占位符。
属性值 还指定了最终值的初始值和类型。

EsayMock

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

登录注册

登陆成功

创建项目

模拟数据

最后复制接口 即可！

在你用了 Easy Mock 之后，你肯定会爱不释手的