前后端分离和不分离图解

原理（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": "第六天"
  }]