网站开发浏览器兼容平面设计的基本流程是什么
文章目录
- json-server使用
- 简介
- 安装json-server
- 启动json-server
- 操作
- 创建数据库
- 查询数据
- 增加数据
- 删除数据
- 修改数据
- put
- patch
- 配置静态资源
- 静态资源
- 首页资源
json-server使用
简介
github地址
安装json-server
npm install -g json-server
启动json-server
json-server --watch db.json
启动时修改端口号：
json-server --watch db.json --port 5001
操作
创建数据库
- 先创建一个server文件夹，并在里面创建db.json文件，在db.json文件中写入以下数据：
{"users": [{"id": 1,"name": "a","age": 18}],"comments": [{"id": 1,"content": "hello","userId": 1}]
}
- 启动服务，执行命令：
json-server --watch db.json --port 5001
创建了首页和三个接口。
查询数据
调用接口：
http://localhost:5001/users
调用接口：
http://localhost:5001/users/1
调用接口：
http://localhost:5001/users?id=2
增加数据
调用接口：
id为自增长，不用提交。
删除数据
调用接口：
http://localhost:5001/users/1
表示删除id为1的数据。
修改数据
修改数据分2种：
- put：覆盖数据
- patch：补丁修改
put
调用接口：
patch
调用接口：
配置静态资源
静态资源
在server目录下，新建public文件夹，在public目录下新建images文件夹，并放入图片。
这时可以通过http://localhost:5001/images/a.jpg访问图片。
首页资源
在public目录下，定义index.html，这样可以直接通过``http://localhost:5001`访问首页。