个人见解:在前端开发的过程中有时需要后台借口接入但是后端还没写好,这时候就可以使用mock编写假的数据以供请求和拦截请求。
mock数据模版格式
'name|rule': value
属性名|生成规则: 属性值
Mock.mock()
这是mock的核心方法,用于生成模拟数据
- rurl:ajax请求的地址
- rtype:ajax请求的类型,如’GET’,‘POST’
- template:数据模板
- function:生成相应数据的函数
- Mock.mock(template)
- Mock.mock(rurl,template),模拟ajax,匹配接收到url的ajax请求,把template对应的数据返回返回
- Mock.mock(rurl,function(opt)),模拟ajax,会把函数执行的结果作为ajax回调返回
Mock.Random
这是一个工具类,用于生成各种类型的数据。
Mock.Random的方法在模板数据中被称为占位符(@方法名)
Type | Method |
---|---|
基本类型 | 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)
常用的就这些
fastmock的使用
dastmock是一个可以不用自己搭建服务器的mock平台,它可以生成接口编写假数据以供请求
注册登陆进入
创建后点击进入
先新增接口,再编辑内容,使用的化就复制接口地址
没了,下次见