Mock

个人见解:在前端开发的过程中有时需要后台借口接入但是后端还没写好,这时候就可以使用mock编写假的数据以供请求和拦截请求。

mock数据模版格式

'name|rule': value

属性名|生成规则: 属性值

Mock.mock()

这是mock的核心方法,用于生成模拟数据

  • rurl:ajax请求的地址
  • rtype:ajax请求的类型,如’GET’,‘POST’
  • template:数据模板
  • function:生成相应数据的函数
  1. Mock.mock(template)
  2. Mock.mock(rurl,template),模拟ajax,匹配接收到url的ajax请求,把template对应的数据返回返回
  3. Mock.mock(rurl,function(opt)),模拟ajax,会把函数执行的结果作为ajax回调返回

Mock.Random

这是一个工具类,用于生成各种类型的数据。
Mock.Random的方法在模板数据中被称为占位符(@方法名)

TypeMethod
基本类型boolean, natural, integer, float, character, string, range, date, time, datetime, now
图片image, dataImage
颜色color
文本paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle
姓名first, last, name, cfirst, clast, cname
网站url, domain, email, ip, tld
地址area, region
编号guid, id

生成boolean(布尔值)
@boolean

生成数字
自然数(>=0整数)
@natural
@natural(min,max)

整数
@integer
@integer(min,max)

小数
@float
@float(min,max,dmin,dmax)
dmin:小数部分位数最小值
dmax:小数部分位数最大值

整数整组
@range(min,max)
@range(min,max,step)
step:递增的步长

@range(10)
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
@range(3, 7)
// => [3, 4, 5, 6]
@range(1, 10, 2)
// => [1, 3, 5, 7, 9]
@range(1, 10, 3)
// => [1, 4, 7]

生成名字

英文名

@first

@last
​ 姓
@name
​ 姓名
@name(middle)
​ middle:是否生成中间名字

@name()
// => "Larry Wilson"
@name(true)
// => "Helen Carol Martinez"

中文名

@cfirst
​ 姓
@clast
​ 名
@cname
​ 姓名

@cname()
// => "袁军"

网站

生成一个IP

@ip

生成一个Email

@email
@email(domain)
​ domain:指定域名

@email()
// => "x.davis@jackson.edu"
@email('nuysoft.com')
// => "h.pqpneix@nuysoft.com"

生成域名

@domain

生成URL

@url
@url(protocol,host)
​ protocol:指定协议,例如HTTP
​ host:指定域名

@url()
// => "mid://axmg.bg/bhyq"
@url('http')
// => "http://splap.yu/qxzkyoubp"
@url('http', 'nuysoft.com')
// => "http://nuysoft.com/ewacecjhe"

生成时间

基本用法

@date
@time
@datetime

格式化时间

可以通过 format 参数设置时间的格式

@date(format)
@time(format)
@datetime(format)

还有很多具体可看文档

参考CSDN

常用的就这些

fastmock的使用

dastmock是一个可以不用自己搭建服务器的mock平台,它可以生成接口编写假数据以供请求
在这里插入图片描述

注册登陆进入

在这里插入图片描述

创建后点击进入

在这里插入图片描述

先新增接口,再编辑内容,使用的化就复制接口地址

没了,下次见

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值