mock數據
1、首先需要安裝mockjs，使用request來引用，mock的書寫規范是Mock.mock({ "name| rule: value" })；rule規則是可選的，有七種規則
1. 'name|min-max': value
2. 'name|count': value
3. 'name|min-max.dmin-dmax': value
4. 'name|min-max.dcount': value
5. 'name|count.dmin-dmax': value
6. 'name|count.dcount': value
7. 'name|+step': value
生成的數據需要依賴屬性值的類型來確定，數據類型的例子如下
Mock.mock({
'number|1-100.1-10': 1,
'number|123.1-10': 1,
'number|123.3': 1,
'number|123.10': 1.123
})
// 模擬的數據如下
{
"number": 12.92,
"number": 123.41,
"number": 123.924,
"number": 123.1234567891
}
2、mock中的占位符@是引用的Mock.Random中的方法，占位符的格式，是可加括號可不加括號例如
// @占位符或@占位符(參數[, 參數])
Mock.mock({
name : {
first: '@email',
last: '@phone'
})
// 等同于
{
name: {
first: Mock.Random.email(),
last: Mock.Random.phone()
}
// 模擬出的值為
{
"name" : {
"first": "111@qq.com",
"last": "17322877896"
}
}
3、占位符@的常用屬性
@cname()和@name()都是生成名稱 @city()是生成城市 @email()是生成郵箱 @increment(num)生成id，括號里的數表示自增數，開始數不確定 @ctitle()生成title @data(yyyy-mm-dd hh:mm:ss)生成時間，括號里是時間的格式 @cparagraph(1,3)生成描述信息，括號里表示生成一到三局的描述信息
@word(20)生成20個隨機字符
@image("300x200")生成圖片
用Random生成圖像
- Random.image( size, background, foreground, format, text )
，括號里的參數分別是：大小, 背景顏色, 圖片的前景色（文字），圖片格式，文字 Random.image(“200x200”, "#00405d", "#fff", "png", "圖片")
Random.image() 用于生成高度自定義的圖片地址，一般情況下，應該使用更簡單的Random.dataImage()，生成一段隨機的 Base64 圖片編碼。
4、模擬接口，括號里的第一個參數是接口的地址，第二個是請求方式，第三個就是函數返回的數據格式，記錄用于生成響應數據的函數。當攔截到匹配 url 和 type 的 Ajax 請求時，函數 function(options) 將被執行，并把執行結果作為響應數據返回。
Mock.mock('/api/info/list', 'get', () => {
return {
code: 200,
message: "這是一個get請求",
data: userdata
}
})
浙公網安備 33010602011771號