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

本篇内容主要讲解"如何使用 mock.js 让前端开发与后端独立"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"如何使用 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

到此，相信大家对"如何使用 mock.js 让前端开发与后端独立"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！