如何在easy mock上自定义一个占位符

有的时候easy mock 上的占位符并不能完全符合我们的需求,我们需要自定义占位符。

自定义占位符的前提条件是easy mock 已经部署在本地了,我们可以去修改里面的源代码。

首先去打开easy mock 这个路径下的这个文档:

C:\XXXXXXX\easy-mock\node_modules\mockjs\dist\mock.js

打开文档编辑,可以看到已经有很多种类的占位符:

已有的占位符包括以下这些种类:

TypeMethod
Basic boolean, natural, integer, float, character, string, range, date, time, datetime, now
Image image, dataImage
Color color
Text paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle
Name first, last, name, cfirst, clast, cname
Web url, domain, email, ip, tld
Address area, region
Helper capitalize, upper, lower, pick, shuffle
Miscellaneous guid, id

(这里和以下的星座占位符写法都取自官网介绍 https://github.com/nuysoft/Mock/wiki/Mock.Random

表格中列举的各种占位符都能在该文件中找到。

我想要自定义一个”星座“占位符,于是我决定在Text 类型中插入一个崭新的占位符。在1935行左右,找到了text占位符的方法。插入这个方法:

//随机生成一个星座
        constellation: function() {
            var constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']
            return this.pick(constellations)

红色高亮的部分是插入的方法。插入成功。

随后重启本地easy mock,尝试使用星座占位符。

尝试调用接口,查看返回值:

配置成功!

posted @ 2019-07-17 13:20  Elaine_Septer  阅读(512)  评论(0编辑  收藏  举报