原理(JSON字符串作为前后端之间信息传递载体)
前后端进行信息传递前都要先将数据转化为json字符串形式才可以进行数据传输。
例如:前端向后端传递对象参数时需要将对象转为json形式,而后端return数据时,也要将数据转化为json字符串形式或者转化为json对象形式
本质就是前端和后端controller层之间的json数据交互
总结
- 前后端不分离:
JSP收到后端传来的数据之后,经过提取和<%%>处理数据,最后还是需要传回tomcat转化为java文件编译处理数据,然后使用out.print/write()返回带有数据的HTML界面。
- 前后端分离:
将json字符串传到HTML后,经过处理(根据标签id分配数据)就可以直接显示了
json中传递的信息键值对由服务接口文档确定。
前后端分离文档
服务器接口文档
1、教师测评信息查询的接口
-
请求地址:
teacher/score
-
请求方式:
GET
-
传入参数:
参数名称 数据类型 是否必须 说明 样例 name String 是 教师的姓名 勇哥 -
传出参数:
参数名称 数据类型 是否必须 说明 样例 id int 是 测评分数的主键 1 tid int 是 教师的主键 1 score float 是 测评分数 95 time String 是 测评时间 第一天 orderIndex int 是 顺序 1 -
请求样例:
-
若是jsp还需要知道并指定对应的属性变量名,于是需要后端人员参与,前后端分离开不成功。
name=勇哥
-
响应样例:
[{ "id": 1, "orderIndex": 1, "score": 90.0, "tid": 1, "time": "第一天" }, { "id": 2, "orderIndex": 2, "score": 98.0, "tid": 1, "time": "第二天" }, { "id": 3, "orderIndex": 3, "score": 95.0, "tid": 1, "time": "第三天" }, { "id": 4, "orderIndex": 4, "score": 99.0, "tid": 1, "time": "第四天" }, { "id": 5, "orderIndex": 5, "score": 100.0, "tid": 1, "time": "第五天" }, { "id": 6, "orderIndex": 6, "score": 60.0, "tid": 1, "time": "第六天" }]