焦作焦煤电子商务网站建设,做维修那个网站发布信息好,本地网络营销方式,手机排行网站有哪些Json-ServerMockJs简单快速生成测试数据
1、Json-Server 和 MockJs的安装
npm install -g json-server //全局安装2、创建目录和初始话
例如#xff1a;创建D:\ProjectOne文件夹
3、打开终端或者powershell进入ProjectOne文件夹
4、初始化项目
npm init5、安装Mock…Json-ServerMockJs简单快速生成测试数据
1、Json-Server 和 MockJs的安装
npm install -g json-server //全局安装2、创建目录和初始话
例如创建D:\ProjectOne文件夹
3、打开终端或者powershell进入ProjectOne文件夹
4、初始化项目
npm init5、安装MockJs
npm install mockjs6、新建一个数据文件例如db.js
const Mock require(mockjs)
const Random Mock.Randommodule.exports () {let data {users:[], news:[]}for(let i 0; i 20; i ){data.users.push({id:Random.increment(1), //自增IDname:Random.cname(), //名字password:Random.integer(100000,999999), //密码isMale:Random.boolean(), //性别phone:Mock.mock({regexp:/^1[34578]\d{9}$/ //手机号码}),addr:Random.region(), // 地址email:Random.email(), //邮箱age:Random.integer(10,120), //年龄create_time:Random.now() //创建时间})}for(let i 0; i 20; i ){data.news.push({id:Random.increment(1), //自增IDauthor:Random.cname(), //作者名字title:Random.ctitle(), //标题content:Random.cparagraph(50,100) //文章})}return data
}7、执行命令
json-server --watch --port 5005 --host 127.0.0.1 db.js 注意如果端口占用请更换其他端口如果本地占用host 可以先关闭再启动
访问地址:
Resources http://127.0.0.1:5005/users http://127.0.0.1:5005/news
运行结果 常用的类型
数字类型
// 生成一个整数默认范围为 0~100
Mock.mock(integer());// 生成一个指定范围内的整数
Mock.mock(integer(1, 100));// 生成一个浮点数默认保留 0~17 位小数
Mock.mock(float());// 生成一个指定范围内的浮点数并且限制保留的小数位数
Mock.mock(float(1, 100, 2));// 生成一个手机号
Mock.mock(/^1[3456789]\d{9}$/);字符串类型
// 生成一个随机的单词
Mock.mock(word());// 生成一个随机的句子
Mock.mock(sentence());// 生成一个随机的段落
Mock.mock(paragraph());// 生成一个随机的邮箱
Mock.mock(EMAIL());// 生成一个随机的 URL
Mock.mock(url());日期类型
// 生成一个随机的日期
Mock.mock(date());// 生成一个随机的时间
Mock.mock(time());// 生成一个随机的日期时间
Mock.mock(datetime());// 生成一个随机的 Unix 时间戳
Mock.mock(datetime(yyyy-MM-dd HH:mm:ss)); BOOLEAN
// 生成一个随机的布尔值
Mock.mock(boolean());// 生成一个给定的固定值 true 或 false
Mock.mock(boolean(true));对象类型
// 生成一个随机的对象
Mock.mock({id|1: 1,name: name,age|20-30: 25,gender|1: [男, 女]
});// 生成多个随机的对象
Mock.mock({list|10: [{id|1: 1,name: name,age|20-30: 25,gender|1: [男, 女]}]
});数组类型
// 生成一个随机的数组
Mock.mock([integer(), integer(), integer()]);// 生成多个随机的数组
Mock.mock({list|10: [integer()]
});生成中文姓名
// 生成一个随机的中文姓名
Mock.mock(cname());随机汉字
// 生成一个随机的汉字
Mock.Random.cword();// 生成一个由两到三个词汇组成的部门名称
Mock.mock(cword(2, 3)部);指定图片大小
// 生成一张指定大小和背景颜色的图片
Mock.mock({ image: image(200x100, #f00) });具体使用方式可以参考官方文档:
Mock.js (mockjs.com)
json-server - npm (npmjs.com)
POSTMAN或者APIFOX操作JsonServer
GET 获取数据 PUT更新数据 注意这里根据ID更新数据未更新的字段会删除毕竟这是文件上的数据
其他删除、添加等就不举例子了遵从Resultful Api 风格就可以了。
8M0CtuM-1703146462673)]
[外链图片转存中…(img-t0z3KWhD-1703146462673)]
PUT更新数据
[外链图片转存中…(img-OXyZ0ja1-1703146462673)]
[外链图片转存中…(img-yE5uTGLR-1703146462674)]
注意这里根据ID更新数据未更新的字段会删除毕竟这是文件上的数据
其他删除、添加等就不举例子了遵从Resultful Api 风格就可以了。
感谢点赞关注支持 谢谢
