美文网首页
mock制作假数据

mock制作假数据

作者: 越长大就越孤单 | 来源:发表于2017-08-20 14:49 被阅读0次

参考网址:http://mockjs.comhttp://blog.163.com/vincent_w/blog/static/24769705120171825214851

  • name 为属性名, rule 为规则, value 为值,属性名和生成规则之间用|分隔,生成规则的格式有7种:

  • 字符串 String, 数字 Number, 布尔型 Boolean, 对象 Object, 数组 Array, 函数 Function ,占位符定义
    'name|rule': value
    'name|min-max': 'value' //通过重复 'value' 生成一个字符串,重复次数大于等于 min,小于等于 max
    'name|count': 'value' //通过重复 'value' 生成一个字符串,重复次数等于 count
    'name|+1': 100 //属性值自动加 1,初始值为 100
    'name|1-100': 100 //生成一个大于等于 1、小于等于 100 的整数,属性值 100 只用来确定类型
    'name|1-100.1-10': 100 //生成一个浮点数,整数部分大于等于 1、小于等于 100,小数部分保留 1 到 10 位
    'name|1': value //随机生成一个布尔值,值为 true 的概率是 1/2,值为 false 的概率是 1/2。
    'name|min-max': value //随机生成一个布尔值,值为 value 的概率是 min / (min + max),值为 !value 的概率是 max / (min + max)。
    'name|min-max': {} //从属性值 {} 中随机选取 min 到 max 个属性。
    'name|count': {} //从属性值 {} 中随机选取 count 个属性。
    'name|1': [{}, {} ...] //从属性值 [{}, {} ...] 中随机选取 1 个元素,作为最终值
    'name|min-max': [{}, {} ...] //通过重复属性值 [{}, {} ...] 生成一个新数组,重复次数大于等于 min,小于等于 max
    'name|count': [{}, {} ...] //通过重复属性值 [{}, {} ...] 生成一个新数组,重复次数为 count
    'name': function(){} //执行函数 function(){},取其返回值作为最终的属性值,上下文为 'name' 所在的对象

  • 可以使用的方法:
    生成省:@mock=@province()
    生成市:@mock=@city()
    生成县:@mock=@county()
    生成url:@mock=@url()
    生成姓名:@mock=@cname()
    生成汉字:@mock=@cword(2,5)
    生成句子:@mock=@csentence(2,5)
    生成段落:@mock=@cparagraph(3)
    生成图片:@mock=@img(100x100)
    生成颜色:@mock=@imgcolor()
    生成日期:@mock=@date(yy-mm-dd)
    生成时间:@mock=@time(hh-mm-ss)
    生成自增:@mock=@increment(1)
    生成自然数:@mock=@natural(1,100)
    生成整数:@mock=@integer(1,100)
    生成小数:@mock=@float(1,100,2,3)

相关文章

  • mock制作假数据

    参考网址:http://mockjs.com、http://blog.163.com/vincent_w/blog...

  • mock数据

    Vue中的mock数据指的是什么? mock数据指的模拟数据,mock中文翻译愚弄,嘲笑。 实现mock数据如下:...

  • 使用 Mockjs 模拟数据

    Mock 数据 Mock 在 vue 中的使用 使用npm下载mock 2.使用 mock 在 mock 文件夹下...

  • mock.js深入

    1.Mock.mock( template )根据数据模板生成模拟数据。(具体语法见mock.js入门) 2.Mo...

  • 利用node.js来mock数据

    1.什么是mock数据? 模拟后端数据 2.mock数据解决的问题 使用mock数据可以在后端开发人员尚未完成接口...

  • Easy Mock&Ajax请求数据

    mock网站https://www.easy-mock.com/login mock数据 axios 封装了所有的...

  • Contacts(TableViewController)报错总

    1. mock网络问题 问题:mock网络的JSON数据无法获取 提示:mock请求出错:mock....777...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

  • mockjs-async 修改Mock.mock方法使支持Pro

    Mock.js - async version 仅修改Mock.mock方法使支持Promise异步数据替换 安装...

  • antd pro 使用mock

    在mock文件下创建mock数据 修改代理文件 修改package.json,添加mock环境 yarn star...

网友评论

      本文标题:mock制作假数据

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