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

使用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>

运行结果:

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

关于使用mock.js怎么模拟生成假数据问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注恰卡编程网行业资讯频道了解更多相关知识。

发布于 2021-04-08 13:36:59
收藏
分享
海报
0 条评论
167
上一篇:怎么在css3中实现元素环绕中心点布局 下一篇:怎么在SpringBoot中切换jar和war
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码