html 假数据,mock.js实现模拟生成假数据功能示例

本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考，具体如下：

mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据

MockJS-demo

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': '@cname()',

// 地址

'cadd': '@province' + '@city' + '@county',

// 手机号

'phone': /^1[385][1-9]\d{8}/

}]

});

console.log(JSON.stringify(data, null, 4))

这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试运行上述代码，可得如下运行结果：

希望本文所述对大家JavaScript程序设计有所帮助。

html 假数据,mock.js实现模拟生成假数据功能示例相关推荐

faker假数据php,Yii2 使用 faker 生成假数据
测试过程中有时候需要生成大量的假数据,faker 是一个生成假数据的类库.Yii2.0已经集成该类库yii2-faker,不用再下载了. 以Yii2.0 advanced版为例: 1. console ...
java中js写假数据_mock.js模拟生成假数据
mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据 MockJS-demo var Rando ...
使用mock.js提供模拟数据
Mock.js 官网:链接地址官方说明: *前后端分离,让前端工程师独立于后端开发. *增加单元测试的真实性,通过随机数据,模拟各种场景. *开发无侵入,不需要修改既有代码,就可以拦截ajax请求, ...
详解vue-element-admin 使用mock.js动态模拟数据
大家好,我是一条肥鲶鱼. 提示:胆小慎入文章目录大家好,我是一条肥鲶鱼. 前言一.mock.js 1.为什么使用mock.js 2.mock-server.js的出现二.使用步骤 1.开发环境 ...
vue-cli+mock.js+axios模拟前后台数据交互
最近工作不是很忙,自己做了一个vue的移动端的小项目,涉及到后台数据的时候,网上查阅了一些资料,因为是自己写的项目没有后台只能自己模拟数据,刚开始就自己写了一些静态数据后来觉得尽量模拟真实的比较好些, ...
mockjs语法规范、设置mockjs拦截响应时间、Mock.Random占位符生成随机数据
首先回顾vue-cli项目中使用mockjs步骤: 1.安装mockjs.axios(http请求库): cnpm install mockjs axios --save 2.在项目中新建一个mock ...
【SQL Server】性能优化-数据准备：使用存储过程生成百万数据
性能优化-数据准备:使用存储过程生成百万测试数据 1 概述 2 创建数据库 3 建表 4 创建存储过程 4.1 创建存储过程-学生表 4.1 创建存储过程-班级表 4.1 创建存储过程-课程表 4.1 ...
html计算器的基本功能实现,JS实现基本的网页计算器功能示例
本文实例讲述了JS实现基本的网页计算器功能.分享给大家供大家参考,具体如下: 网页计算机 #jsjdiv{ border: solid 1px black; border-radius: 5px; w ...
linux脚本石英钟,原生JS实现的简单小钟表功能示例
本文实例讲述了原生JS实现的简单小钟表功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 完整代码: www.jb51.net 钟表 body { background-color:#00A2 ...

html 假数据,mock.js实现模拟生成假数据功能示例

html 假数据,mock.js实现模拟生成假数据功能示例相关推荐

最新文章

热门文章