注：图片如果损坏，点击文章链接：https://www.toutiao.com/i6803355920697917965/
首先配置learn-admin-webui中的web.xml文件
配置ContextLoaderListener
ContextLoaderListener的作用：加载 Spring 的配置文件，根据 Spring 的配置文件初始化 IOC 容器
配置CharacterEncodingFilter
CharacterEncodingFilter解决POST请求的字符乱码问题。需要注意的是在web.xml中存在多个Filter时，让这个Filter 作为过滤器链中的第一个 Filter。
request.setCharacterEncoding(encoding)要求必须在所有request.getParameter(xxx)操作前面
response.setCharacterEncoding(encoding)要求必须在所有response.getWriter()
操作前面
不满足这个顺序要求字符集设定无法生效
配置DispatcherServlet
在learn-admin-webui创建文件spring-web-mvc.xml
创建文件
配置内容
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">
</beans>
在web.xml中继续配置
说明
url-pattern配置方式：/表示拦截所有请求
<url-pattern>/</url-pattern>url-pattern配置方式：配置请求扩展名
优点1：xxx.css、xxx.js、xxx.png等等静态资源完全不经过SpringMVC，不需要特殊处理
优点2：可以实现伪静态效果。表面上看起来是访问一个HTML文件这样的静态资源，但是实际上是经过Java代码运算的结果
伪静态作用1：给黑客入侵增加难度
伪静态作用2：有利于SEO优化（让百度、谷歌这样的搜索引擎更容易找到我们项目）
缺点：不符合RESTFul风格
为什么要另外再配置json扩展名呢？
如果一个Ajax请求扩展名是html，但是实际服务器给浏览器返回的是json数据，二者就不匹配了，会出现406错误
为了让Ajax请求能够顺利拿到JSON格式的响应数据，我们另外配置json扩展名
然后返回去继续配置spring-web-mvc.xml
这个com.xlgl.wzy.mvc是在learn-admin-component中，包含下的包结构
com.xlgl.wzy.mvc
com.xlgl.wzy.mvc.config
com.xlgl.wzy.mvc.handler
com.xlgl.wzy.mvc.interceptor
继续配置spring-web-mvc.xml中的注解驱动和视图解析器
创建一个页面访问一下
首先在learn-admin-webui项目的pom中加入依赖
创建index.jsp
编写一句话
在learn-admin-component中新建对应的handler
编写测试方法
我们写一个查询所有的方法
首先在service接口里
接口serviceimpl中
在handler中就可以查询了
返回值我们创建一个testssminfo.jsp文件
编写内容
在handler中的方法对应好
启动Tomcat，访问
http://localhost:8080/learn-admin-webui/index.jsp
点击超链接
写一个Base标签
<base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort }${pageContext.request.contextPath }/"/>需要注意的点
base 标签必须写在 head 标签内部
base 标签必须在所有“带具体路径”的标签的前面
serverName 部分 EL 表达式和 serverPort 部分 EL 表达式之间必须写":"
serverPort 部分 EL 表达式和 contextPath 部分 EL 表达式之间绝对不能写"/"
原因：contextPath 部分 EL 表达式本身就是"/"开头如果多写一个"/"会干扰 Cookie 的工作机制
serverPort 部分 EL 表达式后面必须写"/"
Ajax 请求
前端发送过来，后端要处理的请求有两种：
普通请求：后端处理完成后返回页面，浏览器使用页面替换整个窗口中的
内容
Ajax 请求：后端处理完成后通常返回 JSON 数据，jQuery 代码使用 JSON 数据
对页面局部更新
引入js
准备js文件
在index.jsp中，引入
现在我们想发送数组到后台服务器
代码实现
Js
Ajax
编写Handler
启动访问一下
后台也打印出来了
这里一定要带上多出来的方括号！！！
结论：不建议采用这个方案！！！
再来一个Index.jsp
Js
后台在learn-admin-entity中创建一个参数接收对象
添加类内容
在handler中添加内容
启动服务
后台输出
第三种实现
页面内容
Js
Handler中
启动服务访问
后台输出
再体会下第三种的方式
learn-admin-entity中创建三个类
依次添加，自己完成get和set方法
编写jsp
Js文件
完成handler
启动访问
后台输出
统一返回数据格式
在learn-common-util新建类
编写类内容
ResultEntity
CasUtils
修改handler中代码测试下返回类
启动页面访问
后台信息
异常映射
首先在learn-admin-webui配置spring-web-mvc.xml
首先在learn-admin-webui创建system-error.jsp
添加内容
测试下，写一个错误方法
页面跳转
查看效果
完成一个判断请求类型的工具方法
在learn-common-util新建
在learn-common-util中pom.xml中完成依赖
然后完成CasUtils代码
测试一下，在handler中编写代码
页面添加
编写对应的js
启动服务查看
再来看基于注解的
首先在learn-admin-component的com.xlgl.wzy.mvc.config包下
完成代码
CommonResolve方法
是ajax请求
测试一下
在handler中
在页面中
judgeResult=false
judgeResult=true