配置ContextLoaderListener

ContextLoaderListener的浸染:加载 Spring 的配置文件,根据 Spring 的配置文件初始化 IOC 容器

配置CharacterEncodingFilter

jsp传递数组到后台SpringBoot进修笔记三之表述层 React

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.xsdhttp://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsdhttp://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.mvccom.xlgl.wzy.mvc.configcom.xlgl.wzy.mvc.handlercom.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