美文网首页技术干货
mock.js生成随机数据

mock.js生成随机数据

作者: RtyXmd | 来源:发表于2017-10-12 18:22 被阅读148次

如果需要模拟大量数据,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 你会看到这样的数据↓↓↓↓↓↓

成功

相关文章

  • Mock.js新手教程

    1.什么是Mock.js? 生成随机数据,拦截 Ajax 请求。 通过随机数据,模拟各种场景;不需要修改既有代码,...

  • Vue 的 mock.js初体验

    1.什么是Mock.js? 生成随机数据,拦截 Ajax 请求。 通过随机数据,模拟各种场景;不需要修改既有代码,...

  • 小程序配合mockjs随机生成数据

    直接引入mock.js 下载mock.js 2.直接使用Mock.mock根据随机规则语法生成自己的数据 3.直接...

  • element七 mock.js axios

    Mock.js作用:生成随机数据,拦截ajax请求安装:cnpm install mockjs核心:Mock.mo...

  • 前端 Mock

    Mock.js 生成随机数据,拦截 Ajax 请求 RAP Web接口管理工具,开源免费,接口自动化,MOCK数据...

  • 前端常用、实用、好用的库

    Mock.js — 生成随机数据,拦截 Ajax 请求 Animate.css — 很出名的CSS动效库 Velo...

  • 小程序中使用Mock数据

    介绍 Mock.js生成随机数据,拦截 Ajax 请求 前端使用mockjs后,对后端接口进行请求时,mockjs...

  • Vue中使用mockjs

    介绍 Mock.js生成随机数据,拦截 Ajax 请求 前端使用mockjs后,对后端接口进行请求时,mockjs...

  • mock.js生成随机数据

    如果需要模拟大量数据,json-server也有快速的方法 接下来我们做一个json-server官方的实例(生成...

  • 05 在Vue项目中使用Mock.js模拟数据接口

    目的 追求前后端分离开发。 注意 Mock.js的作用是生成随机数据,拦截 Ajax 请求。所以如果使用了Mock...

网友评论

    本文标题:mock.js生成随机数据

    本文链接:https://www.haomeiwen.com/subject/alyoyxtx.html