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

前后端分离和不分离图解相关推荐

.net core webapi 前后端开发分离后的配置和部署
背景:现在越来越多的企业都采用了在开发上前后端分离,前后端开发上的分离有很多种,那么今天,我来分享一下项目中得的前后端分离. B/S Saas 项目:(这个项目可以理解成个人中心,当然不止这么点功能 ...
《.NET Core 和前后端那些事儿》技术交流活动纪实
长沙.NET技术社区.NET Core和前后端那些事儿技术交流纪实 2019年3月10日,下午,在位于沁园春御院的长沙市互联网活动基地,在长沙市.NET技术社区的组织下,长沙市.NET技术圈第一次纯粹 ...
图解基于 Node.js 实现前后端分离 - CSDN博客
因为会上出了个意外,ppt图片全部丢失,只好对着白板跟大家交流了半个多小时.由于我做演讲不喜欢写太多的文字,没有图片的情况下讲漏了一些内容.这篇文章是我在会上分享内容对照ppt进行地整理. 基本介绍 ...
图解基于node.js实现前后端分离
因为会上出了个意外,ppt图片全部丢失,只好对着白板跟大家交流了半个多小时.由于我做演讲不喜欢写太多的文字,没有图片的情况下讲漏了一些内容.这篇文章是我在会上分享内容对照ppt进行地整理. 基本介绍 ...
前后端分离session_前后端分离：基于JWT用户认证分析
作者:lion1ou https://lion1ou.win/2017/01/18/ 在前后端分离开发时为什么需要用户认证呢?原因是由于HTTP协定是不储存状态的(stateless),这意味着当我们 ...
Django3与Vue3前后端分离搭建
Django3Vue3前后端分离项目 https://blog.csdn.net/weixin_47021806/article/details/118410146 请转到最新文档,有实测案例与例图 ...
SpringSecurity-02-基于前后端分离和JWT载体的认证授权
文章目录 1:基本概念 1:什么是认证 2:什么是会话 3.什么是授权 2:准备工作 1:分析基于jwt的登录过程 2:springsecurity原理 3:security登录认证使用 1:认证流程 ...
一个后端程序员如何被公司逼的开始写前端代码！奉劝各位最好选择前后端分离的公司...
hello~各位读者好,我是鸭血粉丝(大家可以称呼我为「阿粉」),在特殊的日子里,大家要注意安全,尽量不要出门,无聊的话,就像阿粉一样,把时间愉快的花在学习上吧. 事情起因阿粉自从学会Java以来, ...
前后端分离必备工具：Swagger快速搞定(整合SpringBoot详细教程)
本文根据狂神教学视屏同步所做笔记目录一.Swagger简介 1. 前后端分离 2. Swagger引入二.SpringBoot集成Swagger 1. 新建springboot项目 2. 导入S ...
前后端分离nginx配置，同时解决跨域问题
背景现在,web开发的前后端分离技术越来越火爆,由于最近的公司官网使用了前后端分离的方案,这里就来记录一下前后端分离的项目部署.这里我们使用的前端框架是Vue.js,后台使用Laravel7提供数据 ...

前后端分离和不分离图解

原理（JSON字符串作为前后端之间信息传递载体）

总结

前后端分离文档

服务器接口文档

1、教师测评信息查询的接口

前后端分离和不分离图解相关推荐

最新文章

热门文章