使用Mock.js模拟生成数据

    现在越来越多的应用程序都在向前后端分离的模式方向进行发展,前端注重页面样式和页面功能,后端注重代码功能,从而实现分工合作,达到效率和功能齐头并进的效果。

    有时候因为前端的部分数据是从后端响应回来的,但是呢,后端功能还没实现,会导致前端部分功能停滞不前,从而也就影响了工作的效率。

    有人选择等待后端的功能完成,有人选择自己造数据,有人...

    为了解决这个问题,就出现了Mock.js,Chance.js等外部js,其能随机生成数据供页面使用。本文主要已Mock.js作为案例来模拟生成一个表格数据。更多配置请参考Mock.js官网,Mock.js的随机数据参考了Chance.js官网。

Demo.html




	


	
ID 姓名 年龄 生日 出生地

        Demo结果1:使用Mock.js模拟生成数据_第1张图片


刷新一下浏览器后,得到

            Demo结果2:使用Mock.js模拟生成数据_第2张图片

两次结果都是随机的,从而达到快速开发的功能。

    当然,这种开发也是有前提的,那前提就是熟悉Mock.js的配置,其实这也是引入外面js的一个通病----不熟悉,为了达到一个效果,不得不先学习这个js的配置等等,所以也会影响开发效率。

    个人建议,先实现功能,在有业余的时候的时候再使用外部js来实现更丰富的功能。仁者见仁,智者见智。


====================打个广告,欢迎关注====================

QQ: 412425870
csdn博客:
http://blog.csdn.net/caychen
码云:
https://gitee.com/caychen/
github:
https://github.com/caychen

点击群号或者扫描二维码即可加入QQ群:

328243383(1群)



点击群号或者扫描二维码即可加入QQ群:

180479701(2群)



你可能感兴趣的:(JavaScript,Mock.js)