当前位置: 首页 > 后端技术 > Node.js

ChetuCub的自我修养-【TOOL】用MockJs模拟数据

时间:2023-04-03 17:48:19 Node.js

MockJs采用前后端分离的开发模式。前端和后端约定好接口格式后,前端就可以使用MockJs模拟返回的数据,这样就可以完全脱离后端进行开发了。使用varMock=require('mockjs');安装npminstallmockjsvarmail1=Mock.mock('@email');varmail2=Mock.Random.email();console.log(mail1,mail2);这里Mock.mock('@email')相当于Mock.Random.email()extensionvarMock=require('mockjs');Mock.Random.extend({star:function(region){varname=['周杰伦','林俊杰','邓紫棋','方大同']returnthis.pick(name)}})varstar1=Mock.mock('@star');varstar2=Mock.Random.star();console.log(star1,star2);自定义扩展函数也是如此,使用@placeholder和调用具体的函数是等价的Image可以模拟图片的格式,Size,color,上面的字符串,以及base64编码的值和格式Color模拟颜色(rgb/hsl/rgba/hex)Text模拟一段文字,可以返回英文单词,或英文句子,汉字或标题Name模拟一个人的名字,可以返回surname/firstname/name/ChinesenameWeb模拟互联网上常见的地址信息,包括url/protocol/host/domain/tld/email/ip/address模拟中国的地理信息,包括中国的地区/省/市/县/邮编Identity模拟一些唯一标识,包括UUID/身份证十八位IDHelper一些常用的方法,最常用的是从中随机选择一个元素数组,或者打乱数组中元素的顺序结语MockJs除了生成模拟数据之外,它还可以拦截你的Ajax请求并返回模拟数据。所以在双方约定好接口格式后,前端可以和后端分离,后端也可以专注于自己的接口开发。两者并行,提高开发效率