mock占位符 : https://github.com/nuysoft/Mock/wiki/Syntax-Specification
转载: https://blog.csdn.net/qq_43652509/article/details/84029619
"id|+1": 10, 从10开始，加一
"cardNum": "@integer(10000)", //大于1000的正整数
"name": "@cname", 中文名
"birthday": "@date", 年月日
"phone|11": "@integer(0,9)", // 11个数字0-9间的数字
"integral": "@integer(0, 500)", 0-500的随机数
"money": "@float(0, 1000, 1, 3)", // 0-1000小数,1-3位小数位
"payType|1": ['1','2','3','4'], // 4选 其1
"address": "@county(true)" 地址
"image": "@image(200x200)", 图片和大小
"datetime": "@datetime", 年月日时分秒 24至
"boolean": "@boolean", true和false
"range": "@range(2, 10)" 2到10直接的数
"now": "@now" 年月日时分秒 12至
"regexp": /[a-z][A-Z][0-9]/, 三个之间随机的一个数
"csentence": "@csentence", 随机的标题数
@title: 标题
@cword(100) :文本内容 参数为字数
@title： 生成随机的英文标题
@cword(字数)：生成随机的中文标题
图片设置的其他用法：
@image()
@image( size )
@image( size, background )
@image( size, background, text )
@image( size, background, foreground, text )
@image( size, background, foreground, format, text )
size：尺寸，格式为：‘宽x高’
background：背景色，格式为：#FFFFFF
text：图片上显示的文本
foreground：广本颜色
format：图片格式，可选值包括：png、gif、jpg。
@image()
// => “http://dummyimage.com/125x125”
@image(‘200x100’)
// => “http://dummyimage.com/200x100”
@image(‘200x100’, ‘#fb0a2a’)
// => “http://dummyimage.com/200x100/fb0a2a”
@image(‘200x100’, ‘#02adea’, ‘Hello’)
// => “http://dummyimage.com/200x100/02adea&text=Hello”
@image(‘200x100’, ‘#00405d’, ‘#FFF’, ‘Mock.js’)
// => “http://dummyimage.com/200x100/00405d/FFF&text=Mock.js”
@image(‘200x100’, ‘#ffcc33’, ‘#FFF’, ‘png’, ‘!’)
// => “http://dummyimage.com/200x100/ffcc33/FFF.png&text=!”
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
属性是布尔值
1）‘name|1’: Boolean
随机生成一个布尔值，值为 true 的概率是 1/2，值为 false 的概率同样是 1/2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mock</title>
<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
let data = Mock.mock({
'list|5': [{
//属性值自动加1,后面1是初始值
'id|+1': 1,
//测试这个词语 重复随机次数：最大9次，最小重复2次
'name|2-9': '测试',
'phone|11': '1',
//生成200到1000以内随机的整数
'point|200-1000':0,
//生成整数部分大于等于3000，小于等于8000，max小数部分保留2位的数据
'money|3000-8000.2':0,
//整数部分大于等于3000小于等于8000，max小数部分随机保留2到4位的小数
'money2|1000-2000.2-4':0,
//随机生成布尔值，默认为ture,为true概率：1/2
'status|1':true
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 2))
</script>
</html>
2）‘name|min-max’: value
随机生成一个布尔值，值为 value 的概率是 min / (min + max)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mock</title>
<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
let data = Mock.mock({
'list|5': [{
//属性值自动加1,后面1是初始值
'id|+1': 1,
//测试这个词语 重复随机次数：最大9次，最小重复2次
'name|2-9': '测试',
'phone|11': '1',
//生成200到1000以内随机的整数
'point|200-1000':0,
//生成整数部分大于等于3000，小于等于8000，max小数部分保留2位的数据
'money|3000-8000.2':0,
//整数部分大于等于3000小于等于8000，max小数部分随机保留2到4位的小数
'money2|1000-2000.2-4':0,
//随机生成布尔值，默认为ture,为true概率：1/2
'status|1':true,
'default|1‐3':true
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 2))
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mock</title>
<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
let data = Mock.mock({
'list|5': [{
//属性值自动加1,后面1是初始值
'id|+1': 1,
//测试这个词语 重复随机次数：最大9次，最小重复2次
'name|2-9': '测试',
'phone|11': '1',
//生成200到1000以内随机的整数
'point|200-1000':0,
//生成整数部分大于等于3000，小于等于8000，max小数部分保留2位的数据
'money|3000-8000.2':0,
//整数部分大于等于3000小于等于8000，max小数部分随机保留2到4位的小数
'money2|1000-2000.2-4':0,
//随机生成布尔值，默认为ture,为true概率：1/2
'status|1':true
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 2))
</script>
</html>
属性值是Object
1）‘name|count’: object
从属性值 object 中随机选取 count 个属性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mock</title>
<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
let data = Mock.mock({
'list|5': [{
//属性值自动加1,后面1是初始值
'id|+1': 1,
//测试这个词语 重复随机次数：最大9次，最小重复2次
'name|2-9': '测试',
'phone|11': '1',
//生成200到1000以内随机的整数
'point|200-1000':0,
//生成整数部分大于等于3000，小于等于8000，max小数部分保留2位的数据
'money|3000-8000.2':0,
//整数部分大于等于3000小于等于8000，max小数部分随机保留2到4位的小数
'money2|1000-2000.2-4':0,
//随机生成布尔值，默认为ture,为true概率：1/2
'status|1':true,
'default|1‐3':true,
//2的意思是从后面对象中随机选取2个属性进行展示
'detail|2':{'id':1,'date':'2005‐01‐01','content':'记录'}
}]
})
// 输出结果
console.log(JSON.stringify(data, null, 2))
</script>
</html>
网友评论