React仿Jira项目笔记(一)

114 阅读1分钟

初始化项目

npx create-react-app jira --template typescript

Mock选择

Json-server

优点

  1. 配置简单,json-server甚至可以0代码30秒启动一个 REST API server
  2. 自定义程度高,一切尽在掌握中
  3. 增删改查真实模拟

在src下创建db.json

json-server db.json --watch

image.png

json-server使用方法

  • 获取查看
    GET 方法 http://localhost:3000/users
  • 增加
    POST 方法
  • 修改
    PATCH 方法 URI需要增加id作为参数进行定位 http://localhost:3000/users/1 定位修改id为1的json。
    替换删除同理
    需要注意的是 使用post方法的时候如果不添加id,会自动在添加的数据末尾增加id。

React列表数据获取与渲染 - 工程列表(上)