mockjs 官网域名到期已无法访问,整理下常用的随机变量
使用方法1示例
import Mock from "mockjs"; // 引入mockjs
const Random = Mock.Random; // Mock.Random 是一个工具类,用于生成各种随机数据
const data = {
userName: Random.cname(),
photo: Random.image("200x100", "#894FC4", "#000", "png"),
token: Random.guid(),
};
const login = {
code: 200,
message: "请求成功!",
data: data,
};
export default login;
使用方法2示例
import Mock from "mockjs"; // 引入mockjs
const data = Mock.mock({
code: 200,
message: "成功",
data: {
"caseList|5": [
{
//mockjs模拟随机生成数据,生成20条
"caseId|+1": 100,
idCard:
/[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]/,
caseName: "@ctitle(4, 7)", // 随机生成案件名称
caseDetail: "@cparagraph(20, 40)", // 随机生成一段文字
caseReason: "@csentence(20, 40)", // 随机生成一句中文
createDate: '@date("yyyy-MM-dd hh:mm:ss")', //参数指定日期格式,也可以不指定
caseRemark: "@cword(1, 3)",
},
],
total: 10,
},
});
export default data;
常见的使用方式
身份证号使用正则 idCard:
/[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]/手机号使用正则 mobile:
/^1((34[0-8])|(8\d{2})|(([35][0-35-9]|4[579]|66|7[35678]|9[1389])\d{1}))\d{7}$/
| 标题 | 方法名 | 使用方法1 | 使用方法2 | 随机结果 |
|---|---|---|---|---|
| 随机id | @guid | Random.guid() | @guid() | 35A94eBb-B7b8-71D1-C9cd-DDCB669d8EBb |
| 数值递增id | @increment | Random.increment(1) | "caseId|+1": 100 或 id: "@increment(1)", | caseId:100,caseId:101... 或 id:2,id:3... |
| 中文姓名 | @cname | Random.cname() | @cname() | 张三 |
| 身份证号 | regexp | -- | 直接后面书写正则表达式 | 41092619641116563X |
| 身份证号 | regexp | -- | 直接后面书写正则表达式 | 13417814380 |
| 性别 | @pick | Random.pick(["男", "女"]) | @pick(["男","女"]), | gender:男 |
| 邮箱 | Random.email() | @email() | h.hucwsg@zcvqgcd.ro | |
| 中文标题 | @ctitle | Random.ctitle() | @ctitle(4, 7) | 号设物议目其备 |
| 中文词组 | @cword | Random.ctitle() | @cword(1, 3) | 词组 |
| 中文段落 | @cparagraph | Random.cparagraph(20, 40) | @cparagraph(20, 40) | 就是感觉... |
| 中文句子 | @csentence | Random.cparagraph(20, 40) | @csentence(20, 40) | 哈哈哈... |
| 时间格式 | @datetime | Random.datetime("yyyy-MM-dd hh:mm:ss") | @datetime("yyyy-MM-dd hh:mm:ss") | 2005-07-14 03:52:56 |
| 时间格式 | @date | Random.date("yyyy-MM-dd") | @datetime("yyyy-MM-dd") | 2005-07-14 |
| 图片链接 | @image | Random.image("200x100", "#894FC4", "#000", "png") | @image() | dummyimage.com/200x100/894… |
| 省份 | @province | Random.province() | @province() | 河南省 |
| 市区 | @city | Random.city() | @city() | 郑州市 |
| 省市区 | @county | Random.county(true) | @county(true) | 广西壮族自治区 贺州市 昭平县 |
| 详细地址 | @region | Random.region() | @region() | 西北 |
| 邮编 | @zip | Random.zip() | @zip() | 579925 |
| web地址 | @url | Random.url("http", "baidu.com") | @url("http", "baidu.com") | baidu.com/cbt |