2.1

Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。

类似JSPVelocityFreeMaker等

MVC等Web框架进行集成作为Web应用的模板引擎。

它的主要作用是在静态页面上渲染显示动态数据

1.2

SpringBoot官方推荐使用的视图模板技术和SpringBoot完美整合。

!DOCTYPE

xmlns:thhttp://www.thymeleaf.org

headmeta

在Servlet中将请求转发到一个HTML页面文件时使用的完整的转发路径就是物理视图

如果我们把所有的HTML页面都放在某个统一的目录下那么转发地址就会呈现出明显的规律

/pages/user/regist_success.html

所以路径开头的部分我们称之为视图前缀路径结尾的部分我们称之为视图后缀。

逻辑视图

视图前缀逻辑视图视图后缀物理视图/pages/user/login.html/pages/user/login.html/pages/user/login_success.html/pages/user/login_success.html

2.1

context-paramparam-nameview-prefix/param-nameparam-value/WEB-INF/view//param-value

/context-param

context-paramparam-nameview-suffix/param-nameparam-value.html/param-value

/context-param

说明param-value中设置的前缀、后缀的值不是必须叫这个名字可以根据实际情况和需求进行修改。

为什么要放在WEB-INF不允许浏览器直接访问所以我们的视图模板文件放在这个下的页面都必须通过Servlet转发过来简单说就是不经过Servlet访问不了。

重定向到Servlet再通过Servlet转发到WEB-INF下

2.1.3

org.thymeleaf.context.WebContext;

import

org.thymeleaf.templatemode.TemplateMode;

import

org.thymeleaf.templateresolver.ServletContextTemplateResolver;import

import

javax.servlet.ServletException;

import

javax.servlet.http.HttpServlet;

import

javax.servlet.http.HttpServletRequest;

import

javax.servlet.http.HttpServletResponse;

import

1.获取ServletContext对象ServletContext

servletContext

2.创建Thymeleaf解析器对象ServletContextTemplateResolver

templateResolver

ServletContextTemplateResolver(servletContext);//

3.给解析器对象设置参数//

①HTML是默认模式明确设置是为了代码更容易理解templateResolver.setTemplateMode(TemplateMode.HTML);//

②设置前缀String

servletContext.getInitParameter(view-prefix);templateResolver.setPrefix(viewPrefix);//

③设置后缀String

servletContext.getInitParameter(view-suffix);templateResolver.setSuffix(viewSuffix);//

④设置缓存过期时间毫秒templateResolver.setCacheTTLMs(60000L);//

⑤设置是否缓存templateResolver.setCacheable(true);//

⑥设置服务器端编码方式templateResolver.setCharacterEncoding(utf-8);//

new

5.给模板引擎对象设置模板解析器templateEngine.setTemplateResolver(templateResolver);}protected

void

1.设置响应体内容类型和字符集resp.setContentType(text/html;charsetUTF-8);//

webContext

3.处理模板数据templateEngine.process(templateName,

webContext,

href/webday08/TestThymeleafServlet初步测试Thymeleaf/a

创建Servlet

servletservlet-nametestThymeleafServlet/servlet-nameservlet-classcom.atguigu.servlet.TestThymeleafServlet/servlet-class

/servlet

servlet-mappingservlet-nametestThymeleafServlet/servlet-nameurl-pattern/testThymeleaf/url-pattern

/servlet-mapping

javax.servlet.ServletException;

import

javax.servlet.http.HttpServletRequest;

import

javax.servlet.http.HttpServletResponse;

import

{request.setAttribute(username,奥巴马);//请求转发跳转到/WEB-INF/view/target.htmlprocessTemplate(target,request,response);}

Thymeleaf页面代码

xmlns:thhttp://www.thymeleaf.orgheadmeta

charsetUTF-8title目标页面/title/headbodyh1

th:text${username}这里要显示一个动态的username/h1/body

/html

不经过服务器解析直接用浏览器打开HTML文件看到的是『标签体原始值』

经过服务器解析Thymeleaf引擎根据th:text属性指定的『标签体新值』去替换『标签体原始值』

3.2.2

语法任何HTML标签原有的属性前面加上『th:』就都可以通过Thymeleaf来设定新值。

3.2.3

th:href{/index.html}访问index.html/a

/webday08/index.html

这个语法的好处是实际开发过程中项目在不同环境部署时Web应用的名字有可能发生变化。

所以上下文路径不能写死。

而通过{}动态获取上下文路径后不管怎么变都不怕啦

首页使用URL地址解析

如果我们直接访问index.html本身那么index.html是不需要通过Servlet当然也不经过模板引擎所以index.html上的Thymeleaf的任何表达式都不会被解析。

解决办法通过Servlet访问index.html这样就可以让模板引擎渲染页面了

通过上面的例子我们看到所有和业务功能相关的请求都能够确保它们通过Servlet来处理这样就方便我们统一对这些请求进行特定规则的限定。

3.3

域对象是在服务器中有一定作用域范围的对象在这个范围内的所有动态资源都能够共享域对象中保存的数据

3.3.2

在请求转发的场景下我们可以借助HttpServletRequest对象内部给我们提供的存储空间帮助我们携带数据把数据发送给转发的目标资源。

请求域HttpServletRequest对象内部给我们提供的存储空间

会话域

我们通常的做法是在Servlet中将数据存储到域对象中而在使用了Thymeleaf的前端页面中取出域对象中的数据并展示

操作请求域

helloRequestAttr-VALUE;request.setAttribute(requestAttrName,

requestAttrValue);

th:text${helloRequestAttr}request

field

th:text${param.username}这里替换为请求参数的值/p

页面显示效果

th:text${param.team}这里替换为请求参数的值/p

页面显示效果

th:text${param.team[0]}这里替换为请求参数的值/p

th:text${param.team[1]}这里替换为请求参数的值/p

页面显示效果

所谓内置对象其实就是在Thymeleaf的表达式中可以直接使用的对象

3.5.2

th:text${#request.getContextPath()}调用#request对象的getContextPath()方法/p

th:text${#request.getAttribute(helloRequestAttr)}调用#request对象的getAttribute()方法读取属性域/p

基本思路

如果不清楚这个对象有哪些方法可以使用那么就通过getClass().getName()获取全类名再回到Java环境查看这个对象有哪些方法

3.5.3

request.setAttribute(aNotEmptyList,

request.setAttribute(anEmptyList,

new

p#list对象isEmpty方法判断集合整体是否为空aNotEmptyListspan

th:text${#lists.isEmpty(aNotEmptyList)}测试#lists/span/p

p#list对象isEmpty方法判断集合整体是否为空anEmptyListspan

th:text${#lists.isEmpty(anEmptyList)}测试#lists/span/p

3.6

访问对象属性使用getXxx()、setXxx()方法定义的属性

对象.属性名

让标记了th:if、th:unless的标签根据条件决定是否显示。

package

ArrayList();employeeList.add(new

Employee(1,

2.将集合数据存入请求域request.setAttribute(employeeList,

employeeList);//

3.调用父类方法渲染视图super.processTemplate(list,

request,

tabletrth员工编号/thth员工姓名/thth员工工资/th/trtr

th:if${#lists.isEmpty(employeeList)}td

th:if${not

#lists.isEmpty(employeeList)}td

colspan3有数据/td/trtr

th:unless${#lists.isEmpty(employeeList)}td

colspan3有数据/td/tr

if配合not关键词和unless配合原表达式效果是一样的看自己的喜好。

switch

width500trth编号/thth姓名/th/trtbody

th:if${#lists.isEmpty(teacherList)}trtd

colspan2教师的集合是空的!!!/td/tr/tbody!--

集合不为空遍历展示数据

th:unless${#lists.isEmpty(teacherList)}!--

使用th:each遍历

每次遍历出来一条数据就要添加一个什么标签那么th:each就写在这个标签上

--tr

th:text${status.count}这里显示编号/tdtd

th:text${teacher.teacherName}这里显示老师的名字/td/tr/tbody

/table

语法效果特点th:insert把目标的代码片段整个插入到当前标签内部它会保留页面自身的标签th:replace用目标的代码替换当前标签它不会保留页面自身的标签th:include把目标的代码片段去除最外层标签然后再插入到当前标签内部它会去掉片段外层标记同时保留页面自身标记

页面代码举例