![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL6NmeNpXRE9keRpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLzETMxITN0gDM4AzNwEjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
原理
总结
- 前后端不分离:
JSP收到后端传来的数据之后,经过提取和<%%>处理数据,最后还是需要传回tomcat转化为java文件编译处理数据,然后使用out.print/write()返回带有数据的HTML界面。
- 前后端分离:
将json字符串传到HTML后,经过处理(根据标签id分配数据)就可以直接显示了
前后端分离文档
服务器接口文档
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": "第六天" }]