使用Mock.js模拟生成数据

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

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

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

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

Demo.html





{user.id}} -->
ID姓名年龄生日出生地
{{user.name}}{{user.age}}{{user.birthday}}{{user.city}}

        Demo结果1:


刷新一下浏览器后,得到

            Demo结果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群)




本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部