javaweb前后端流程
文章目录
web开发环境搭建
1、安装Tomcat
2、创建并发web项目
(1)创建java项目,添加web功能
(2)发布web应用到服务器
自动将web应用发布到web服务器下,需要在开发工具中集成tomcat进来
servlet
servlet概述
Servlet是Server Applet的简称,意思为用Java编写的服务器端的程
序. 它运行在web服务器中,web服务器负责Servlet和客户的通信以及调
用Servlet方法。
● Servlet的作用:
1.接收用户发送的请求数据
2.调用其他的java程序来处理请求
3.根据处理结果,将结果响应给客户端
servlet创建和使用
● 1.创建一个类继承javax.servlet.http包下的HttpServlet
● 2.在web.xml文件中配置Servlet
● 3.运行Servlet程序
通过浏览器访问http:localhost:8080/ 项目名/配置的url
servlet生命周期
web.xml
● Web.xml文件为web应用的配置文件,它必须放在web应用
目录WEB-INF目录下。
● Web.xml文件用于对web应用下的web资源进行配置,服务
器在启动时会读取web.xml文件中的内容。
过滤器
Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过
Filter技术,对web服务器管理的所有web资源:例如Servlet, 从而实现一些
特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信
息等一些高级功能。
● 作用:对服务器web资源进行拦截(权限控制,通过拦截资源进行权限控制,
是否可以访问)
● Servlet API中提供了一个Filter接口,开发web应用时,如果编写的Java类实
现了这个接口,则把这个java类称之为过滤器Filter。通过Filter技术,开发人
员可以实现用户在访问某个目标资源之前,对访问的请求和响应进行拦截.
web会话跟踪
在web前端与后端的交互过程中,后端如何知道是哪个用户在此进行操作?
为什么后端不知道是哪个用户请求的.因为http请求是无状态的(请求–响应的模式),请求中没有能识别对方身份的标识,可以认为每次请求是独立的。那么我们在实际开发中就需要解决这个问题,每次向后端发送请求时,需要让后端知道是哪个用户发送的.
这个实现的功能称为web会话跟踪技术.
在现在的会话跟踪中, 基于token的会话跟踪技术 在之前还有一种基于HttpSession的会话技术
1.是在登录成功后,在后端生成一个token(令牌)的字符串(可以携带用户信息,加密),
JWT–>json web token是生成token的一种方式
jwt生成token,这种方法优点:
简洁
可以携带用户信息
可以加密
不需要在服务器端存储,节省空间
token中信息包含几个部分
如何生成
导入jwt组件的jar
导入JwtUtil类 包含生成token,验证token,解析token中用户信息部分
2.将此字符串响应到浏览器(前端),并存储起来,
3.然后将此token每次与后端交互时,都放在请求头中,
4.后端接收到token后,会对token进行验证,是否符合规则,符合继续执行,不符合直接响应验证失败
前端项目搭建流程
vue+elementUI 搭建登录,登录成功页面
Vue-cli
- vue-cli:vue脚手架
elementUI
基于vue的UI组件库(PC端)
ajax异步请求
我们知道,在同步请求模型中,浏览器是直接向服务器发送请求,并直接接收、处理服务器响应的数据的。这就导致了浏览器发送完一个请求后,就只能干等着服务器那边处理请求,响应请求,在这期间其它事情都做不了。但是异步请求就可以省略浏览器不会出现干等着的状态
异步请求的原理
异步请求正是基于以上所述的模式,浏览器把请求交给代理对象—XMLHttpRequest(绝大多数浏览器都内置了这个对象),由代理对象向服务器发起请求,接收、解析服务器响应的数据,并把数据更新到浏览器指定的控件上。从而实现了页面数据的局部刷新。异步请求使浏览器不用等待服务器处理请求,不用重新加载整个页面来展示服务器响应的数据,在异步请求发送的过程中浏览器还能进行其它的操作。
实现Ajax的基本步骤
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:
1、创建XMLHttpRequest对象,即创建一个异步调用对象.
2、创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
3、设置响应HTTP请求状态变化的函数.
4、发送HTTP请求.
5、获取异步调用返回的数据.
6、使用JavaScript和DOM实现局部刷新.