原理（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=勇哥
```

参数名称	数据类型	是否必须	说明	样例
name	String	是	教师的姓名	勇哥

参数名称	数据类型	是否必须	说明	样例
id	int	是	测评分数的主键	1
tid	int	是	教师的主键	1
score	float	是	测评分数	95
time	String	是	测评时间	第一天
orderIndex	int	是	顺序	1

响应样例：

[{"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": "第六天"
}]