mock.js模拟数据实现前后端分离

本篇文章为大家展示了mock.js模拟数据实现前后端分离，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

成都创新互联是专业的沈北新网站建设公司，沈北新接单;提供成都网站设计、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行沈北新网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

普通不涉及框架的项目中安装mock.js推荐使用bower安装：

npm install bower -g

bower install mockjs --save

具体使用：



 

  
  
  
  mock js-demo1

这里我引入了通过bower下载的mock.js，然后给mockjs给定一个请求地址（如果有可以给定真实地址，没有可以写个假地址，只要和ajax请求地址一致即可），然后在mock的第二个参数中定义了数据格式，是个随机五位的数组对象，包括姓名、年龄、生日、地址

然后通过ajax正常请求地址，然后返回值就会收到mock.js的拦截，而返回我们自定义格式的数据，而不是后端数据

这样在项目初期，后端没有数据的情况下，我们就可以通过模拟数据完成页面功能的开发。

当后端数据完成后，我们只要删除mock.js部分即可（如果前期接口地址是假的，改一下接口地址即可）

这里推荐把mock.js部分抽离到公共的文件中，引入即可，这样后期可维护性强，只要不引入mock部分即可，而不用来回删代码。

返回数据效果：

mock.js模拟数据实现前后端分离

上述内容就是mock.js模拟数据实现前后端分离，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

当前文章：mock.js模拟数据实现前后端分离
转载来于：http://csdahua.cn/article/jgjhip.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态