宝哥软件园

mock.js实现模拟生成假数据功能的实例

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

本文中,mock.js通过仿真实现了产生虚假数据的功能。分享给大家参考,如下:

mock的使用非常简单。下面是一个简单的用法。详细用法可以在公文中看到,写的很清楚。下面的代码被直接复制到本地html文件中,双击打开它以生成您想要的数据

!DOCTYPE html htmlheartheta charset=' UTF-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge,chrome=1 ' title mockjs-demo/title script type=' text/JavaScript ' src=' http 3360http://mockjs.com/bower _ components/mockjs/dist/Mock . js '/script/header dyscript var Random=Mock。随机;vardata=mock . mock({ ' list | 4 ' :[{ ' id | 1 ' 3360 1,' number | 1-10' : 7,//英文名' name' 3360' @ name ',//color' color' ://英文标题' title': '@title ',//链接' url': '@url('http '),//email' email': '@email ',//图片' image ' : random . image(' 200)# FFF ',' Mock.js '),//时间' date ' : ' @ date '(yyyy-mm-DD hh 3360mm 3360s ')',' date2 ' : ' @ datetime//中文名称' canme': '@cname()',//地址' cadd' :' @省' ' @市' ' @县',//手机号码' phone ' :/1[385][1-9] console . log(JSON . stringfy(data,null,4))/script/body/HTML这里,在线HTML/CSS/JavaScript代码用于运行该工具:http://tools.jb51.net/code/HtmlJsRun测试运行了上述代码,可以获得以下结果:

有关JavaScript的更多信息,请查看本网站的专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+