前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >mock.js生成随机数据

mock.js生成随机数据

作者头像
RtyXmd
发布2018-08-30 14:51:15
8.5K0
发布2018-08-30 14:51:15
举报
文章被收录于专栏:前端vue

如果需要模拟大量数据,json-server也有快速的方法

接下来我们做一个json-server官方的实例(生成1000组user数据)

还是在test文件夹下,新建data.js文件,写入官方例子:

mockjs官方例子

然后运行:json-server data.js -p 3000 成功后地址栏打开localhost:3000你就会发现有1000条user数据

是不是很厉害,很方便。但是!在实际开发中,我们需要的是更加正常点的数据,比如username应该是“马云”,“马化腾”...而不是千篇一律的user1、user2...并且需要有图片等等数据,如果需要这样的数据,mock.js就太合适了

mockjs官网地址http://mockjs.com/建议先大略看下官方文档(要不然可能接下来的看不太懂)

首先安装mock.js:npm install mockjs --save

我们用mockjs生成的100条员工信息数据:

data.js代码

这段数据包含每条数据对应id、员工id(staff)、员工简介(evaluate)、员工部门(department)、随机1-3张照片

运行之后访问:http://localhost:3000/staffMsg 你会看到这样的数据↓↓↓↓↓↓

成功

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.10.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档