Mockjs基础用法

项目开发过程中，经常需要用到临时数据（假数据），有时候会利用一些json文件来模拟数据，但是用json文件时会有一个问题，线上和线下必须来回切换api，比较繁琐，这种情况下可以直接使用Mockjs，用koa写后台，模拟接口。

1、Mockjs安装

npm install mockjs

2、Mockjs单元文件

import Mock from 'mockjs';
const Random = Mock.Random;
export default class MockUserlistController {static async getMockUserlist (ctx, next) {ctx.state = 200;ctx.body = {code: '000000',message: 'success',data: Mock.mock({// 属性 list 的值是一个数组，其中含有 1 到 10 个元素'list|10': [{// 属性 id 是一个自增数，起始值为 1，每次增 1'id': '@id','name': '@cname',"date": "@date()",//随机生成日期'Address': '@county(true)', // 生成省 市 县组成的地址'Email': '@email',//生成邮箱"avatar": "@image('200x200','red','#fff','avatar')",//生成图片// "mark": Random.cparagraph(0, 5),"description": "@cparagraph()",//描述中文//描述英文// "description": "@paragraph()"}],'total': Random.integer(70, 100)})};}
}

3、Mockjs常规语法

{// 随机生成布尔类型    'Boolean': '@boolean', // 随机生成1到100之间自然数'Natural': '@natural(1, 100)',// 生成1到100之间的整数 'Integer': '@integer(1, 100)',// 生成0到100之间的浮点数,小数点后尾数为0到5位 'Float': '@float(0, 100, 0, 5)',// 在aeiou中，生成随机字符，不传参表示生成随机字符 'Character': '@character("aeiou")', // 生成2到10个字符之间的字符串'String': '@string( 2, 10)', // 生成一个数组，数组元素从0开始到10结束，间隔为2'Range': '@range(0, 10, 2)', // 生成一个随机日期,可加参数定义日期格式，默认yyyy-mm-dd'Date': '@date("yyyy yy y MM M dd d")', // 生成一个颜色16进制随机值'Color1': '@color',//生成一个颜色rgb随机值 'Color2': '@rgb',   //生成2至5个句子的文本'Paragraph':'@paragraph(2, 5)', //生成3至5个单词组成的一个句子'Sentence':'@sentence(3, 5)',//生成3-5个字母组成的单词   'World':'@word(3, 5)',   //生成3-5个单词组成的标题       'title':'@title(3,5)', //生成2至5个句子的中文文本         'cParagraph':'@cparagraph(2, 5)', //生成3至5个词语组成的一个中文句子'cSentence':'@csentence(3, 5)', //生成3-5个字组成的中文词语  'cWorld':'@cword(3, 5)',   //生成3-5个词语组成的中文标题       'ctitle':'@ctitle(3,5)',  // 生成姓名        'Name': '@name', // 生成中文姓名'cName': '@cname',// 生成url地址 'Url': '@url',//生成邮箱 'Email':'@email',// 生成省 市 县组成的地址'Address': '@county(true)'，//生成Guid值 'Guid':'@guid()'
}

参考文档：

Mockjs官网：https://github.com/nuysoft/Mock/wiki/Getting-Started
Mockjs快速入门：https://juejin.im/post/5cf726b5e51d454fbf5409bc

只是自己的随笔总结，不喜勿喷，谢谢。

Mockjs基础用法相关推荐

Pandas基础用法合集（中文官档）
本节介绍 pandas 数据结构的基础用法.下列代码创建示例数据对象: In [1]: index = pd.date_range('1/1/2000', periods=8) In [2]: s = ...
Promise基础用法
什么是Promise? Promise是用来处理异步的; Promise就是承诺,对未来的承诺; 所谓的Promise(承诺),里面保存着未来才会结束的事件的结果; Promise是异步编程的一种解决 ...
pandas object转float_数据分析篇 | Pandas基础用法6【完结篇】
这是最后一篇,至此Pandas系列终于连载完了,有需要的也可以看看前面6篇,尽请收藏. 数据分析篇 | Pandas 概览数据分析篇 | Pandas基础用法1数据分析篇 | Pandas基础用法2 ...
dubbo官方文档中文_Pandas中文官方文档：基础用法5
本文授权转载自Python大咖谈禁止二次转载大家好,我是老表阅读文本大概需要 16 分钟建议从头开始学习,本系列前四篇 Pandas中文官方文档:基础用法1 Pandas中文官方文档:基础用法2 ...
struct用法_精讲响应式webclient第1篇-响应式非阻塞IO与基础用法
笔者在之前已经写了一系列的关于RestTemplate的文章,如下: 精讲RestTemplate第1篇-在Spring或非Spring环境下如何使用精讲RestTemplate第2篇-多种底层HT ...
Promise详解（一） ----基础用法
什么是Promise Promise是由社区最早提出并实现的,后加入到es6规范中.为更好处理javascript异步问题,用于解决其多次异步回掉嵌套问题.下面先尝试下promise的基础用法吧. 创 ...
ORACLE的基础用法
ORACLE的基础用法转自:http://blog.163.com/kelly_19831017/blog/static/6196787020083133348873/ sqlplus sys/o ...
MongoDB 基础用法及学习笔记
MongoDB 基础用法环境配置与安装安装查看MongoDB版本启动MongoDB服务检查服务状态启动服务打开配置文件,连接MongoDB 查看数据列表退出 MongoDB 连接 Mo ...
Python语言学习：python语言的特点、入门、基础用法之详细攻略
Python语言学习:python语言的特点.入门.基础用法之详细攻略相关内容 Python 基础教程目录 python语言的特点 python语言的入门 python语言的基础用法 python ...

Mockjs基础用法

Mockjs基础用法相关推荐

最新文章

热门文章