使用 mock.js 让前端开发与后端独立
作者:互联网
Mock.js实现的功能
基于数据模板生成数据。
基于HTML模板生成数据。
拦截并模拟Ajax请求。
本文仅演示使用mock.js进行模拟并拦截Ajax请求。
首先页面中先引用:
定义DIV:
mockjs
JS代码如下:
运行效果图如下:
通过上面效果图可以看到每次的数据都不一样。
想了解更多Mock命令,可以查看 Mock.js
官网:http://mockjs.com/
以上仅仅是抛砖引玉。
为了更好的系统管理和使用方便,大家可以了解一下 阿里RAP
。
RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。我们的口号:提高效率,回家吃晚饭!
官方地址:http://rap.taobao.org/org/index.do
Thanks ~
标签:接口,js,Ajax,mock,RAP,前端开发,Mock 来源: https://blog.51cto.com/u_15183360/2737308