魔术桌
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • Library - Npm - json-server

文章摘要: 通过JSON文件来模拟后端服务。

  • 适用于前端开发人员在进行前后端分离开发时,当后端服务还未搭建好时,使用json-server可以模拟REST API,从而加速开发过程。

简介

  • json-server通过监听一个JSON文件(如db.json)的变化,为前端提供模拟的数据服务,支持CRUD(创建、读取、更新、删除)操作以及一些高级功能,如排序、分页、嵌套查询等。
  • 教程:https://blog.csdn.net/xhmico/article/details/139607652

安装

使用npm安装

npm install json-server

创建数据

  • 创建一个json格式的文件。
{
  "user": [
    {
      "id": "1",
      "account" : "YH202408091830001000",
      "password": "123456",
      "nick_name": "MagicTable",
      "register_time": "2024-08-13 04:22:40",
      "real_name": "魔术桌",
      "citizen_identity_number": "411024202408091024",
      "phone_number": "14559585094",
      "gender": "1",
      "age": 0,
      "birthday": "2024-08-09",
      "email": "1234567890@qq.com"
    }
  ]
}

启动服务

  • 运行命令启动json-server服务
npm run json-server --watch db.json

数据操作分类

  • 新增:POST请求,返回新增后的对象
  • 新增 - 批量增加:POST请求,
  • 删除:DELETE请求,返回删除前的对象
  • 删除 - 批量删除:DELETE请求,
  • 修改 - 修改某条数据的局部字段:PATCH请求,返回修改后的对象
  • 修改 - 修改某条数据的全部字段:PUT请求,返回修改后的对象
  • 查询 - 查询全部数据:GET请求,返回对象列表
  • 查询 - 根据字段查询单条或多条数据:GET请求,返回对象列表
更新时间: 2025/11/16 17:17