Java Web

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实现局部刷新.