天天看点

前后端分离和不分离图解服务器接口文档

前后端分离和不分离图解服务器接口文档

原理

前后端分离和不分离图解服务器接口文档

总结

  • 前后端不分离:

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