美文网首页程序员
mockjs创造数据世界

mockjs创造数据世界

作者: 人生已经如此艰难 | 来源:发表于2018-03-12 19:43 被阅读0次

背景:

地图上需要显示各个网点的位置,然而开发过程并没有相关的数据,自己一开始用百度地图拾取坐标系统感觉很麻烦,就想用mock来模拟数据.

上手

看了官方文档,还是有些不明白的地方。


image.png

“name”相当于key,“rule”相当于条件,value是具体规则下的,对要获得数据的规范。

模拟地址数据

Random.city(true)
Mock.mock('@city(true)')

直接照着文档提示缺少Random,要加上 var Random = Mock.Random。

var Random = Mock.Random;
Random.county(true)
var data = Mock.mock({
    'shop|5': [{
        "longitude|120.1-6":1,
        "latitude|30.1-5":1,
        "name":"@cname",
        "addr":"@city(true)",
        "tel":/^1[0-9]{10}$/

    }]
})

这里手机号模拟存在些问题,应该会产生不合法的手机号,暂时想不到解决方法。
看到网上有些人把数据拼成url来模拟请求,顿时感觉路子好野啊,我是完全没想到。

相关文章

  • mockjs创造数据世界

    背景: 地图上需要显示各个网点的位置,然而开发过程并没有相关的数据,自己一开始用百度地图拾取坐标系统感觉很麻烦,就...

  • 在项目中使用mockjs

    一、了解mockjs 前言:mockjs是什么 生成随机数据,拦截 Ajax 请求。 通过随机数据,模拟各种场景;...

  • Vue<mock.js的使用>

    效果图: vue+mockjs 模拟数据,实现前后端分离开发 首先 npm install mockjs --sa...

  • Vue开发三大件|轮播图&分页器&日历

    swiper+vuex+mock实现轮播图功能 mockjs模拟数据 安装依赖包mockjs在public文件夹中...

  • 2019-11-28

    关于mockjs模拟数据的使用 一、 本文主要结合webpack+vue+mockjs,前后端分离,模拟后端接口数...

  • reactjs结合mockjs使用方法

    最近在项目中使用recharts时需要数据测试,为了方便,直接引入mockjs。 首先使用npm安装mockjs,...

  • 小程序中使用Mock数据

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

  • Vue中使用mockjs

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

  • Mockjs在前端H5中的实践

    Mockjs Mock.js[http://mockjs.com/] 是一款模拟数据生成器,旨在帮助前端攻城师独立...

  • 个人中心-mock数据

    目的:mockjs基本使用 mockjs可以模拟可更快的得到较为真实的数据,且可以拦截axios的接口调用,让我们...

网友评论

    本文标题:mockjs创造数据世界

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