Mockjs在前端H5中的实践

Posted 2023-05-17

参考技术A 注意：
● 属性名 和 生成规则 之间用 | 分隔。
● 生成规则 是可选的。
● 生成规则 有 7 种格式：
a. 'name|min-max': value
b. 'name|count': value
c. 'name|min-max.dmin-dmax': value
d. 'name|min-max.dcount': value
e. 'name|count.dmin-dmax': value
f. 'name|count.dcount': value
g. 'name|+step': value
● 生成规则 的 含义 需要依赖 属性值 才能确定。
● 属性值 中可以含有 @占位符。
● 属性值 还指定了最终值的初始值和类型。
生成规则和示例：

至此，启动项目后，即可获得在anymock平台配置的模拟数据。

mockjs简介和应用

参考技术A mock.js 是一款模拟数据生成器，帮助前端人员独立于后端进行开发，帮助编写单元测试， 前后端合作期间，后端人员需给到需开发的接口名称、返回的数据格式，前端人员根据这些数据格式，编写mock，可直接用于开发，编写页面交互。

根据数据模板生成模拟数据 拦截真实的ajax请求，并模拟Ajax请求，生成并返回模拟数据 基于HTMML模板生成模拟数据

注意：项目已经做配置，只需要看

官方文档： http://mockjs.com/0.1/ Mock.js 的语法规范包括两部分：

占位符 只是在属性值字符串中占个位置，并不出现在最终的属性值中。占位符 的格式为：

1、对传递的参数解码，并使用post中的参数，对原始数据过滤 2、mock-service 可用于局部热加载