mock.js实现模拟生成假数据功能示例
网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要介绍了mock.js实现模拟生成假数据功能,结合实例形式分析了mock.js插件生成模拟数据的相关操作技巧,需要的朋友可以参考下
本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考,具体如下:
mock使用方法很简单, 狼蚁网站SEO优化是简单的用法, 详细的用法可以看, 写的很清楚, 狼蚁网站SEO优化的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>MockJS-demo</title> <script type="text/javascript" src="http://mockjs./bower_ponents/mockjs/dist/mock.js"></script> </head> <body> <script> var Random = Mock.Random; var data = Mock.mock({ 'list|4': [{ 'id|+1': 1, 'number|1-10': 7, // 英文姓名 'name' :'@name', // 颜色 'color': '@color', // 英文标题 'title': '@title', // 链接 'url': '@url("http")', // 邮箱 'email': '@email', // 图片 'image': Random.image('200x200', '#50B347', '#FFF', 'Mock.js'), // 时间 'date': '@date("yyyy-MM-dd HH:mm:ss")', 'date2': '@dateTime', // 汉字 'ctitle': '@ctitle(8)', // 汉字姓名 'canme': '@ame()', // 地址 'cadd': '@province' + '@city' + '@county', // 手机号 'phone': /^1[385][1-9]\d{8}/ }] }); console.log(JSON.stringify(data, null, 4)) </script> </body> </html>
这里使用在线HTML/CSS/JavaScript代码运行工具:测试运行上述代码,可得如下运行结果:
更多关于JavaScript相关内容还可查看本站专题:《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程