使用mock.js怎么模拟生成假数据

tangjin

作者

使用mock.js怎么模拟生成假数据？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<title>MockJS-demo</title>
<scripttype="text/javascript"src="http://mockjs.com/bower_components/mockjs/dist/mock.js"></script>
</head>
<body>
<script>
varRandom=Mock.Random;
vardata=Mock.mock({
'list|4':[{
'id|+1':1,
'number|1-10':7,
//英文姓名
'name':'@name',
//颜色
'color':'@color',
//英文标题
'title':'@title',
//链接
'url':'@url("http")',
//邮箱
'email':'@email',
//图片
'image':Random.image('200x200','#50B347','#FFF','Mock.js'),
//时间
'date':'@date("yyyy-MM-ddHH:mm:ss")',
'date2':'@dateTime',
//汉字
'ctitle':'@ctitle(8)',
//汉字姓名
'canme':'@cname()',
//地址
'cadd':'@province'+'@city'+'@county',
//手机号
'phone':/^1[385][1-9]\d{8}/
}]
});
console.log(JSON.stringify(data,null,4))
</script>
</body>
</html>

运行结果：