使用 mock.js 让前端开发与后端独立

Mock.js实现的功能

  • 基于数据模板生成数据。

  • 基于HTML模板生成数据。

  • 拦截并模拟Ajax请求。

本文仅演示使用mock.js进行模拟并拦截Ajax请求。

首先页面中先引用:


定义DIV:

   mockjs

JS代码如下:


运行效果图如下:

使用 mock.js 让前端开发与后端独立

通过上面效果图可以看到每次的数据都不一样。

想了解更多Mock命令,可以查看 Mock.js 官网:http://mockjs.com/

以上仅仅是抛砖引玉。

为了更好的系统管理和使用方便,大家可以了解一下 阿里RAP 。

RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。我们的口号:提高效率,回家吃晚饭!

官方地址:http://rap.taobao.org/org/index.do

Thanks ~

使用 mock.js 让前端开发与后端独立

上一篇:测试开发工程必备技能之一:Mock的使用


下一篇:Charles的mock实战之Rewrite