9.23内容整理和概述
今日内容概要
内容目录
- 前后端开发模式
- API接口
- restful规范
- 战略补充
前后端开发模式
前后端开发模式分两种:
'---------前后端混合开发----------'
介绍:
1.前端,后端都由后端人员编写
2.使用模板语法渲染模板
'---------前后端分离开发----------'
介绍:
1.后端人员只负责写接口(API接口)
2.后端人员使用测试工具测试 # 测试工具例子:postman
3.前端人员只负责写前端
4.前端人员使用mock数据测试 # mock数据测试:随机生成数据,填充前端,测试前端项目
5.最后前后端联调项目
API接口
定义:前后台信息交互的媒介,规定了前后台信息交互规则的url链接 # 类似BBS项目的views的函数
API接口四大特点:
1.请求连接:url # 例子:https://api.map.baidu.com/place/v2/search(get请求)
2.请求方式:get、post、put、patch、delete
3.请求参数:json或xml格式的key-value键值对类型数据 # 例子:{"region":"上海","query":"肯德基"}
4.响应结果:json或xml格式的数据
restful规范
"""它首次出现在2000年Roy Fielding的博士论文中"""
restful规范全称:Representational State Transfer
restful规范中文解释:表征性状态转移
定义:一种Web的API接口的设计风格 # 尤其适用于前后端分离的应用模式中
restful规范(十点): '4,5点重要' # 可以不遵守,仅供参考
1.数据的安全保障:url链接建议采用https协议进行传输 # https协议对于数据的保障安全性更高
2.接口中带api关键词 # 例子:127.0.0.1/api/v1/animals
3.多数据版本共存:一个接口可能有多个版本同时存在,同时url链接中应标识版本
4.接口尽量使用名词:数据即是资源,请求均使用名词(可用复数)
5.资源操作由请求方式决定: # 请求地址一样,通过请求方式决定对资源进行什么操作
5.1 获取数据:get请求
5.2 删除数据:delete请求
5.3 新增数据:post请求
5.4 修改数据:put / patch请求
6.url地址中带过滤参数 # 例子:127.0.0.1/api/v1/animals?type=哺乳类
7.响应带状态码 # 例子:http状态码
8.返回错误信息:响应体中带错误信息
9.针对不同资源操作,返回不同类型结果
规范:
- GET /collection:返回资源对象的列表(数组)
- GET /collection/resource:返回单个资源对象
- POST /collection:返回新生成的资源对象
- PUT / PATCH /collection/resource:返回完整的资源对象
- DELETE /collection/resource:返回一个空文档
现实:
公司大多不遵守此规范,而是改为类似于此规范的规范:
例子:
1.获取所有:{code:100,msg:成功,data:返回的资源对象的列表}
2.单个对象:{code:100,msg:成功,data:返回的单个资源对象}
3.新增数据:{code:100,msg:新增成功,data:返回的新生成的资源对象}
4.修改数据:{code:100,msg:修改成功,data:返回的修改的资源对象}
5.删除数据:{code:100,msg:删除成功} # data为空
10.响应中带有链接
战略补充(前端后台管理模板+postman+序列化)
前后端混合开发的前端的后台管理模板:
1.xadmin模板 # 实现:layui+jquery
2.admin-lte模板 # 实现:bootstrap+jquery
接口测试工具postman:
1.软件本质:模拟发送http请求
2.官网下载:https://www.postman.com/downloads/
序列化和反序列化:
序列化: 把我们识别的数据转换成指定的格式提供给别人
反序列化:把别人提供的数据转换还原成我们需要的格式