使用json-server简单完成CRUD模拟后台数据

在开发中，后端接口往往出来的比较晚，但是有时候我们要给前端页面一些虚假的数据进行开发，所以这个时候需要一些模拟工具。最后我选择了json服务器工具，因为它足够简单，可以用你很熟悉的Mock.js模拟数据(思考：Mockjs可以作为一个独立的mock服务器存在，但是为什么不单独使用呢？)。

装置

在npm install json-server -g安装完成后，可以使用json-server -h命令检查安装是否成功。

JSON-server[options]source options :-config，-c指定配置文件[默认： ' JSON-server . JSON ']-端口，-p设置端口号[[default: 3000] -主机，-H设置主机[默认： ' 0 . 0 . 0 ']-watch，-w，-w监控文件[[boolean] -路由，-r指定路由文件-静态，-s设置静态文件-只读，-ro只允许GET请求[boolean]-no-cors - nc] - delay，-d，-d设置反馈延迟(ms) - id，-i设置数据的id属性(例如_ id)[默认： 'id'] - quiet，-q，-q不输出日志信息[[boolean] - help，-h显示帮助信息[[boolean] - version，-v显示版本号[boolean]使用

创建一个Mock目录，并在这个目录中创建一个json文件，db.json

{'list': [{'name': '游魂博客'，' link' :' www.iyouhun.com '，' id' : 1}，{'id' : 2，' name': '买卖'，{'id': 3，' name': '游魂全自动网页制作系统'，' link' :' www.youhun.wang'}，{'id' : 4，' name' : '游魂博客'，' link' :{'id': 5，' name':' Trading Amoy '，' Link' 3360' www.868432.net'}，{'ID' : 6，' Name' :' Youhun自动网页制作系统'，' Link' 33366

Json-server db.json打开浏览器http://localhost:3000，查看页面。你可以尝试直接访问他索引的资源。如果你想监控json文件的变化，在启动时添加参数- watch或-w。

支持的方法

您可以使用任何HTTP方法

例如：

GET /list get list GET /list/1获取id=1的数据POST /list创建一个项目PUT /list/1更新id为1的数据PATCH /list/1部分更新id为1的数据DELETE /list/1删除id为1的数据注意：

当您发送POST、PUT、PATCH或DELETE请求时，更改将自动安全地保存在您的db.json文件中。您的请求正文应该是一个封闭对象。例如，{'name': 'Foobar'} id不是必需的，在PUT或PATCH方法中将忽略任何id值。在POST请求中，可以添加id。如果该值未被占用，将使用它，否则将自动生成它。POST、PUT或PATCH请求应该包含一个内容类型为： application/json的头，以确保请求正文中使用了json。操作数据

我在这里使用邮递员工具请求数据，最后一个删除了$。ajax示例我使用jquery。

询问

获取请求：http://localhost :3000/列表

增加

开机自检请求：http://localhost :3000/列表

参数：{ '姓名' : '游魂博客'，'链接' :www.iyouhun.com}

请求成功后，您将看到返回的信息是新添加的朋友链信息

修改

PUT请求：http://localhost:3000/list/1修改id为1的好友链信息

参数：{'name':' hahahahake '，' link':'www'}

删除

删除请求：http://localhost:3000/list/1删除id为1的好友链信息

$.Ajax ({type :' delete '，URL : ' http://localhost 33603000/list/1 '，success : function(data){ console。log (data)})是本文的全部内容。希望对大家的学习有帮助，多多支持我们。