记录折腾的那点事
在折腾的道路上永不止步

SpringBoot学习笔记三之表述层

首先配置learn-admin-webui中的web.xml文件

SpringBoot学习笔记三之表述层

配置ContextLoaderListener

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

SpringBoot学习笔记三之表述层

配置CharacterEncodingFilter

SpringBoot学习笔记三之表述层

CharacterEncodingFilter解决POST请求的字符乱码问题。需要注意的是在web.xml中存在多个Filter时,让这个Filter 作为过滤器链中的第一个 Filter。

request.setCharacterEncoding(encoding)要求必须在所有request.getParameter(xxx)操作前面

response.setCharacterEncoding(encoding)要求必须在所有response.getWriter()

操作前面

不满足这个顺序要求字符集设定无法生效

SpringBoot学习笔记三之表述层

配置DispatcherServlet

SpringBoot学习笔记三之表述层

在learn-admin-webui创建文件spring-web-mvc.xml

SpringBoot学习笔记三之表述层

创建文件

SpringBoot学习笔记三之表述层

配置内容

<?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>
SpringBoot学习笔记三之表述层

在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扩展名

SpringBoot学习笔记三之表述层

然后返回去继续配置spring-web-mvc.xml

SpringBoot学习笔记三之表述层

这个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
SpringBoot学习笔记三之表述层

继续配置spring-web-mvc.xml中的注解驱动和视图解析器

SpringBoot学习笔记三之表述层

创建一个页面访问一下

首先在learn-admin-webui项目的pom中加入依赖

SpringBoot学习笔记三之表述层

创建index.jsp

SpringBoot学习笔记三之表述层

编写一句话

SpringBoot学习笔记三之表述层

在learn-admin-component中新建对应的handler

SpringBoot学习笔记三之表述层

编写测试方法

SpringBoot学习笔记三之表述层

我们写一个查询所有的方法

首先在service接口里

SpringBoot学习笔记三之表述层

接口serviceimpl中

SpringBoot学习笔记三之表述层

在handler中就可以查询了

SpringBoot学习笔记三之表述层

返回值我们创建一个testssminfo.jsp文件

SpringBoot学习笔记三之表述层

编写内容

SpringBoot学习笔记三之表述层

在handler中的方法对应好

SpringBoot学习笔记三之表述层

启动Tomcat,访问

http://localhost:8080/learn-admin-webui/index.jsp
SpringBoot学习笔记三之表述层

点击超链接

SpringBoot学习笔记三之表述层

写一个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 表达式后面必须写”/”

SpringBoot学习笔记三之表述层

Ajax 请求

SpringBoot学习笔记三之表述层

前端发送过来,后端要处理的请求有两种:

普通请求:后端处理完成后返回页面,浏览器使用页面替换整个窗口中的

内容

Ajax 请求:后端处理完成后通常返回 JSON 数据,jQuery 代码使用 JSON 数据

对页面局部更新

引入js

准备js文件

SpringBoot学习笔记三之表述层

在index.jsp中,引入

SpringBoot学习笔记三之表述层

现在我们想发送数组到后台服务器

代码实现

SpringBoot学习笔记三之表述层

Js

SpringBoot学习笔记三之表述层

Ajax

SpringBoot学习笔记三之表述层

编写Handler

SpringBoot学习笔记三之表述层

启动访问一下

SpringBoot学习笔记三之表述层

后台也打印出来了

SpringBoot学习笔记三之表述层

这里一定要带上多出来的方括号!!!

结论:不建议采用这个方案!!!

SpringBoot学习笔记三之表述层

再来一个Index.jsp

SpringBoot学习笔记三之表述层

Js

SpringBoot学习笔记三之表述层

后台在learn-admin-entity中创建一个参数接收对象

SpringBoot学习笔记三之表述层

添加类内容

SpringBoot学习笔记三之表述层

在handler中添加内容

SpringBoot学习笔记三之表述层

启动服务

SpringBoot学习笔记三之表述层

后台输出

SpringBoot学习笔记三之表述层

第三种实现

页面内容

SpringBoot学习笔记三之表述层

Js

SpringBoot学习笔记三之表述层

Handler中

SpringBoot学习笔记三之表述层

启动服务访问

SpringBoot学习笔记三之表述层

后台输出

SpringBoot学习笔记三之表述层

再体会下第三种的方式

learn-admin-entity中创建三个类

SpringBoot学习笔记三之表述层

依次添加,自己完成get和set方法

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

编写jsp

SpringBoot学习笔记三之表述层

Js文件

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

完成handler

SpringBoot学习笔记三之表述层

启动访问

SpringBoot学习笔记三之表述层

后台输出

SpringBoot学习笔记三之表述层

统一返回数据格式

在learn-common-util新建类

SpringBoot学习笔记三之表述层

编写类内容

ResultEntity

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

CasUtils

修改handler中代码测试下返回类

SpringBoot学习笔记三之表述层

启动页面访问

SpringBoot学习笔记三之表述层

后台信息

SpringBoot学习笔记三之表述层

异常映射

SpringBoot学习笔记三之表述层

首先在learn-admin-webui配置spring-web-mvc.xml

SpringBoot学习笔记三之表述层

首先在learn-admin-webui创建system-error.jsp

SpringBoot学习笔记三之表述层

添加内容

SpringBoot学习笔记三之表述层

测试下,写一个错误方法

SpringBoot学习笔记三之表述层

页面跳转

SpringBoot学习笔记三之表述层

查看效果

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

完成一个判断请求类型的工具方法

在learn-common-util新建

SpringBoot学习笔记三之表述层

在learn-common-util中pom.xml中完成依赖

SpringBoot学习笔记三之表述层

然后完成CasUtils代码

SpringBoot学习笔记三之表述层

测试一下,在handler中编写代码

SpringBoot学习笔记三之表述层

页面添加

SpringBoot学习笔记三之表述层

编写对应的js

SpringBoot学习笔记三之表述层

启动服务查看

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

再来看基于注解的

首先在learn-admin-component的com.xlgl.wzy.mvc.config包下

SpringBoot学习笔记三之表述层

完成代码

SpringBoot学习笔记三之表述层

CommonResolve方法

SpringBoot学习笔记三之表述层

是ajax请求

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

测试一下

在handler中

SpringBoot学习笔记三之表述层

在页面中

SpringBoot学习笔记三之表述层

SpringBoot学习笔记三之表述层

judgeResult=false

SpringBoot学习笔记三之表述层

judgeResult=true

SpringBoot学习笔记三之表述层

赞(0)
未经允许不得转载:ghMa » SpringBoot学习笔记三之表述层
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址