本篇文章为大家展示了怎么在json-server中使用CRUD模拟后台数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
<强>安装强>
npm install json-server - g
安装完成后可以用<代码> json-server - h 代码>命令检查是否安装成功。
json-server [选项],& lt; source> 选项: ,配置,-c ,,,指定,config 文件,,,,,,,,,(默认:,“json-server.json"】 ,港口,-p ,,,,设置端口号,,,,,,,,,,,,,,,,,,(默认值:,3000年) ,主机,-H ,,,,设置主机,,,,,,,,,,,,,,,,,,(默认:,“0.0.0.0"】 ——看,大敌;-w ,,,监控文件,,,,,,,,,,,,,,,,,,,,,,(布尔) ,路线,-r ,,,指定路由文件 ,静态,-s ,,,设置静态文件 ,只读,——ro 只允许,GET 请求,,,,,,,,,,,,,,,,,,(布尔) ,——no-cors——nc ,禁止跨域资源共享,,,,,,,,,,,,,,,,,,(布尔) ,——no-gzip——ng ,禁止GZIP ,,,,,,,,,,,,,,,,,,,,(布尔) ,快照,-S ,设置快照目录,,,,,,,,,,,,,,,,,,,(默认:,“!”) ,延迟,-d ,,,设置反馈延时,(女士) ,- id,小姐,,,,,,设置数据的id属性,(如只_id),,,,,,,,,,,(默认:,“id"】 ,安静,-q ,,,不输出日志信息,,,,,,,,,,,,,,,,,,,(布尔) ,帮助,-h ,,,,显示帮助信息,,,,,,,,,,,,,,,,,,,,(布尔) ,版本,-v ,,显示版本号,,,,,,,,,,,,,,,,,,,,,(布尔)
<强>使用强>
创建个<代码>模拟代码>目录,在该目录下创建一个json文件,<代码> db。json代码>
{ ,“list":, ,{ “name"才能:,“游魂博客“, “link"才能:,“www.iyouhun.com" “id"才能:1 }, ,{ “id"才能:,2, “name"才能:,“买卖淘“, “link"才能:,“www.868432.net" }, ,{ “id"才能:,3, “name"才能:,“游魂全自动网页制作系统“, “link"才能:,“www.youhun.wang" }, ,{ “id"才能:,4, “name"才能:,“游魂博客“, “link"才能:,“www.iyouhun.com" }, ,{ “id"才能:,5, “name"才能:,“买卖淘“, “link"才能:,“www.868432.net" }, ,{ “id"才能:,, “name"才能:,“游魂全自动网页制作系统“, “link"才能:,“www.youhun.wang" ,}] }
在模拟目录下执行
json-server db。json
打开浏览器,http://localhost: 3000年,查看页面。可以试着直接访问他索引出来的资源如果要监控json文件的变化,启动的时候加上参数,观察或者- w。
<强>支持的方法强>
你可以使用任何HTTP方法
如:
- <李>
GET/列表获取列表
李> <李>/清单/1获取id=1的数据
李> <李>POST/列表创建一个项目
李> <李>把/清单/1更新一个id为1的数据
李> <李>补?清单/1部分更新id为1的数据
李> <李>删除//1列表删除id为1的数据
李>注意:
- <李>
当你发送帖子,说,补丁或者删除请求时,变化会自动安全的保存到你的db.json文件中。
李> <李>你的请求体身体应该是封闭对象。比如<代码> {“name":“Foobar"} 代码>
李> <李>id不是必须的,在把或者补丁方法中,任何的id值将会被忽略。
李> <李>在帖子请求中,id是可以被添加的,如果该值没有没占用,会使用该值,否则自动生成。
李> <李>后,把或者补丁请求应该包含一个<代码> - type: application/json> 代码的头,来确保在请求身体中使用json。
李> <强>操作数据强>
这里请求数据我全部使用<代码>邮差> 代码工具,最后一条删除我使用jquery的<代码> .ajax 美元;null null null null null null null