美文网首页
Mock 造假数据

Mock 造假数据

作者: simuty | 来源:发表于2019-03-15 23:28 被阅读0次

mock简单说就是:造假数据

第一部分:直接使用

如果直接看GitHub或看一些文章,直接就是ajax拦截之类的。
但我们的需求就是,造一些假数据,满足使用即可
如果基本需求都没满足,别的都没用,第二部分,来整没用的东西

1.1 提前条件

1. 安装nodejs, 【没装的,找卖药的问下】。
2. npm install mockjs

1.2 罗列基本法,尽量开箱即用

基本涵盖了常用的所有字段类型

// mock.js
const Mock = require('mockjs')
const Random = Mock.Random;
const data = Mock.mock({
    // 中文名字 | 姓 | 名
    china_name: Random.cname(),
    china_first: Random.cfirst(),
    china_last: Random.clast(),
    // 英文名 | firatname | lastname | 带中间字的
    eng_name: Random.name(),
    eng_first: Random.first(),
    eng_last: Random.last(),
    eng_last: Random.name(true),
    // 长度为4的字符串
    string: Random.string(4),
    // 数字 最小1 最大100
    age: Random.integer(1, 100),
    // 数字 浮点数
    num: Random.float(1, 10, 1, 4),
    // 数字 字符串
    numString: Random.character('number'),
    // 日期 YYYY-MM-DD
    date: Random.date(),
    // 时间 HH:mm:ss
    time: Random.time(),
    // 日期 时间 YYYY-MM-DD HH:mm:ss
    dateTime: Random.datetime(),
    // 当前日期
    now: Random.now(),

    // 图片
    image: Random.image('200x100', '#ffcc33', '#FFF', 'png', '文字'),
    // 颜色 hex  rgb
    color: Random.color(),
    // 标题
    title: Random.ctitle(),
    cword: Random.cword(),
    // 一段文本 1段-100段
    cparagraph: Random.cparagraph(1, 2),
    // 英文 句子
    sentence: Random.sentence(),
    // 区域
    region: Random.region(),
    // 省 city zip couty 等
    province: Random.province(),

    // ip 域名 网址
    ip: Random.ip(),
    url: Random.url(),

    // 身份证
    identify: Random.id(),
    // 全局自增ID
    id1: Random.increment(),
    id2: Random.increment(),
    id3: Random.increment(),
})

console.log(data);

{ china_name: '韩桂英',
  china_first: '陈',
  china_last: '磊',
  eng_name: 'Thomas Johnson',
  eng_first: 'Karen',
  eng_last: 'Kenneth Donald Miller',
  string: 'm&gP',
  age: 84,
  num: 10.3,
  numString: '1',
  date: '2005-07-07',
  time: '14:45:30',
  dateTime: '1977-06-17 03:30:19',
  now: '2019-03-15 22:39:51',
  image: 'http://dummyimage.com/200x100/ffcc33/FFF.png&text=文字',
  color: '#8279f2',
  title: '南被复接装',
  cword: '还',
  cparagraph: '门油头做得飞作政什影美产术已我半。',
  sentence: 'Svowsinxy xbqtap fkh yblqteul orfenvlx iynptosx aggjg memsgtpknd xxdh futhhwbye mtnkfyolin vtht zcglztvjk iispwbshwj wnkdxfzg euetgctbn.',
  region: '西南',
  province: '贵州省',
  ip: '15.33.17.63',
  url: 'news://birulyvmr.bm/kmeqktu',
  identify: '340000197902270270',
  id1: 1,
  id2: 2,
  id3: 3 
}

1.3 结合对象、数组的使用


Random.extend({
    constellation: function() {
        const constellations = [
            '白羊座',
            '金牛座',
            '双子座',
        ];
        return this.pick(constellations);
    },
});

const objList = Mock.mock({
    id: Random.integer(),
    titile: Random.ctitle(),
    email: Random.email(),
    // 数组随机生成 2-4
    'list|2-4': [
        {

            'id|+1': 10,
            incrNum: () => Random.increment(),
            title: () => Random.ctitle(),
            date: () => Random.date('yyyy-MM-dd'),
            enum: () => Random.constellation(),
        },
    ],
});
console.log(objList);

返回值

{ id: 6615749548973956,
  titile: '约布权',
  email: 'p.hbjd@wwoprnolz.ci',
  list: 
   [ { id: 10,
       incrNum: 1,
       title: '色需列流走只',
       date: '1981-09-06',
       enum: '巨蟹座' },
     { id: 11,
       incrNum: 2,
       title: '型关立',
       date: '1997-11-18',
       enum: '射手座' },
     { id: 12,
       incrNum: 3,
       title: '半我消空单高',
       date: '1997-02-12',
       enum: '摩羯座' },
     { id: 13,
       incrNum: 4,
       title: '才节片化',
       date: '1993-06-30',
       enum: '白羊座' } 
    ] 
}

第二部分 没用的东西【暂无】

不知道啥时候可以整

更多详细内容
参考链接如下:
github
关于mockjs的使用
github完整实例

相关文章

  • Mock 造假数据

    mock简单说就是:造假数据 第一部分:直接使用 如果直接看GitHub或看一些文章,直接就是ajax拦截之类的。...

  • mock数据

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

  • 用mock来制造假数据入门

    什么是mock,为什么要用mock前后端分离的时候,有时候后端还没写完,前端页面写完了,我们也不能在那边等不是。为...

  • 使用 Mockjs 模拟数据

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

  • mock.js深入

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

  • 如何使用mock.js制造假数据

    1.首先肯定是安装mock.js,如npm i mock.js 2.然后创建mock.js跟main.js同级 3...

  • 利用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依...

网友评论

      本文标题:Mock 造假数据

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