操作	请求类型	URL	返回
新增歌曲	POST	/song	返回新生成的歌曲信息
删除歌曲	DELETE	/song/10	返回一个空文档
全局修改歌曲	PUT	/song/10	返回更新后的歌曲信息
局部修改歌曲	PATCH	/song/10	返回更新后的歌曲信息
获取所有歌曲	GET	/song	返回歌曲列表数组
获取单个歌曲	GET	/song/10	返回单个歌曲信息

扩展阅读：https://www.ruanyifeng.com/blog/2014/05/restful_api.html

json-server

json-server 本身是一个 JS 编写的工具包，可以快速搭建 RESTful API 服务

官方地址 : https://github.com/typicode/json-server

操作步骤：

1. 全局安装 json - server

npm i -g json-server

2、创建 JSON 文件（db.json），编写基本结构

例：


{
    "song": [
    { "id": 1, "name": "干杯", "singer": "五月天" },
    { "id": 2, "name": "当", "singer": "动力火车" },
    { "id": 3, "name": "不能说的秘密", "singer": "周杰伦" }
    ]
}

3、以 JSON 文件所在文件夹作为工作目录，执行如下命令

json-server --watch db.json

默认监听端口为 3000

接口测试工具

apipost https://www.apipost.cn/ (中文)
apifox https://www.apifox.cn/ (中文)
postman https://www.postman.com/ (英文)

apipost使用

postman使用

=======================================================================

记账本案例完善

结合API接口

新建一个web文件夹，把index放入web里面

app.js代码新增

应该返回JSON格式数据，下面进行修改

获取账单接口

api/account.js代码

postman测试api

添加账单接口

api/account.js 新增数据代码

postman测试

插入成功

插入失败

删除账单接口

api/account.js 新增数据代码

postman测试

获取单个账单

更新账单接口


//更新单个账单信息
 router.patch('/account/:id',(req,res)=>{
     //获取id参数
     let {id}=req.params;
     //查询数据库
     AccountModel.updateOne({_id:id},req.body,(err,data)=>{
         if(err){
             return res.json({
                 code:'1005',
                 msg:"更新失败",
                 data:null
             })
         }
         //再次查询数据库 获取单条数据
         AccountModel.findById(id,(err,data)=>{
            if(err){
                return res.json({
                    code:'1004',
                    msg:"读取失败",
                    data:null
                })
            }
         //成功响应
         res.json({
             code:'0000',
             msg:"更新成功",
             data:data
         })
     })
 })
})

postman测试

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/68995