easymock 图片_Easy Mock 基本用法

前言

在上一篇文章，我们了解了如何《使用 docker 运行 easy-mock》，这篇文章我们来学习下 Easy Mock 的基本用法，掌握 Easy Mock 的奇淫技巧，前端小姐姐写页面再也不需要去求后端的小哥哥了。

1. 基础语法Easy Mock 集成了 Mock.js ，因此可以使用 Mock.js 的语法来 mock 数据。

1.支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；

2.支持扩展更多数据类型，支持自定义函数和正则。

定义返回格式如下：1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17{

"string|1-10": "★",

"string2|3": "★★",

"number|+1": 202,

"number2|1-100.1-10": 1,

"boolean|1": true,

"regexp": /[a-z][A-Z][0-9]/,

"absolutePath": "@/string @/user/name",

"user": {

"name": "demo"

},

"object|2": {

"310000": "上海市",

"320000": "江苏省"

},

"array|1": ["AMD"]

}

你将得到如下结果：1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17{

"string": "★★★★★★★★",

"string2": "★★★★★★",

"number": 202,

"number2": 36.516242,

"boolean": false,

"regexp": "pT8",

"absolutePath": "★★★★★★★★ demo",

"user": {

"name": "demo"

},

"object": {

"310000": "上海市",

"320000": "江苏省"

},

"array": "AMD"

}

2. 数据占位符使用数据占位符，可以让你的数据更加真实。

定义返回格式如下：1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23{

"string|1-2": "@string",

"integer": "@integer(10, 30)",

"float": "@float(60, 100, 2, 2)",

"boolean": "@boolean",

"date": "@date(yyyy-MM-dd)",

"datetime": "@datetime",

"now": "@now",

"url": &#