file-type

Thymeleaf手册:案例应用与技巧

下载需积分: 50 | 59.88MB | 更新于2025-02-02 | 186 浏览量 | 17 下载量 举报 收藏
download 立即下载
根据给定文件信息,我们可以了解到Thymeleaf模板引擎的基本使用方法和一些核心知识点。 **Thymeleaf的基本概念和使用** **命名空间引用** 在Thymeleaf中,使用XML语法的HTML文档需要添加命名空间声明,以确保编辑器能够识别Thymeleaf标签而不会发出验证错误。声明方式是在html标签中添加`xmlns:th="http://www.thymeleaf.org"`,从而将th前缀的属性应用于Thymeleaf提供的功能,例如内容输出、变量表达式等。 **输出内容** Thymeleaf提供了一系列内置的属性,用于控制页面内容的输出: 1. `th:text` 属性用于输出文本内容到标签的body中。这是最常见的输出方式,适用于大多数场景。例如,`<p th:text="#{home.welcome}">Welcome to our grocery store!</p>`将输出配置文件中`home.welcome`属性对应的值。 2. 通过`#{}`表达式可以获取国际化资源文件中定义的属性值,通常用于显示文本。 3. `th:utext`与`th:text`类似,但其输出的内容不会经过HTML实体转义,适用于需要输出HTML标签的情况,例如富文本内容。 4. `${}`表达式用于输出变量的值。在Thymeleaf中,可以在`th:`前缀后直接使用Spring EL表达式,例如`<p>Today is: <span th:text="${today}">13 February 2011</span></p>`将输出变量today的值,如果未定义,则显示默认值。 **访问对象** Thymeleaf提供了访问不同作用域对象的能力: 1. `${param.x}`用于获取名为x的请求参数值,这在处理HTTP请求时非常有用。 2. `${session.x}`用于获取名为x的Session参数值。 3. `${application.x}`用于获取名为servlet context的参数值。 **Thymeleaf的场景应用** 了解上述基本的Thymeleaf标签和属性后,我们可以利用这些知识来创建动态的HTML页面。Thymeleaf既适用于Web应用程序,也适用于独立的应用程序环境。它主要通过服务器端渲染来工作,但也可以配置为支持异步请求处理。利用Thymeleaf的这些特性,开发者可以实现丰富的Web界面和用户交互体验。 **Thymeleaf的资源文件** 1. `thymeleaf_3.0.5_中文参考手册.pdf`提供了Thymeleaf的详细中文参考信息,其中应包含关于模板引擎的更深入的说明和高级用法。 2. `phantomjs-1.9.8-windows.zip`和`phantomjs-1.9.7-windows.zip`是PhantomJS的Windows平台压缩包,它是一个无头浏览器,可以用于自动化网页测试和网页截图等任务,尽管它与Thymeleaf直接没有关联,但它可以被集成到项目中以支持更复杂的前端自动化任务。 3. `democsy`文件名称不完整,可能是一个示例项目或教程,用于演示Thymeleaf的用法。 通过这些知识点,我们可以看到Thymeleaf作为一种模板引擎,它不仅能够处理简单的文本输出,还能够灵活地处理各种变量和请求参数,提供了非常强大的内容动态化能力。对于任何需要在HTML中动态展示数据的Web应用程序,Thymeleaf都是一个非常有价值的工具。

相关推荐

filetype
## springboot整合thymeleaf ### 1. 导入起步依赖 ```xml org.springframework.boot spring-boot-starter-thymeleaf ``` ### 2. 更改引入版本 ```xml 3.0.2.RELEASE 2.1.1 ``` > 1. springboot自带的thymeleaf依赖为2.1.3版本,使用thymeleaf-layout-dialect版本为2以下版本。 > 2. 使用3或3以上的thymeleaf时,需要thymeleaf-layout-dialect的版本为2或以上。 > 3. 锁定thymeleaf版本时不能使用thymeleaf.version标签,会和springboot内部的依赖标签冲突。应当使用springboot-thymeleaf.version标签来锁定版本。 ### 3. 配置文件配置 ```properties spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.check-template-location=true spring.thymeleaf.suffix=.html spring.thymeleaf.encoding=UTF-8 spring.thymeleaf.content-type=text/html spring.thymeleaf.mode=HTML spring.thymeleaf.cache=false ``` > spring.thymeleaf.cache为缓存,需要热部署时,需要设置为false ## 语法 ### 1. 替换标签体内容 ```html 显示欢迎 显示欢迎 ``` ### 2. 替换属性 ```html 显示欢迎 ``` ### 3. 在表达式中访问属性域 ```html 访问属性域 访问请求域 方式一 访问请求域 方式二 访问Session域 访Session域 方式一 访问Application域 方式一 ``` ### 4. 解析url地址 ```html 解析URL地址,获取ContextPath的值 @{}是把ContextPath的值附加到指定的地址前 @{}是把ContextPath的值附加到指定的地址前 ``` ### 5. 直接执行表达式 ```html 直接执行表达式 无转义效果 : [[${attrRequestScope}]] 有转义效果 : [(${attrRequestScope})] ``` ### 6. 分支与迭代 #### 1. if 判断 ```html if判断字符串是否为空 attrRequestScope不为空显示 ~~~attrRequestScope为空显示~~~~ ``` #### 2. 测试循环 ```html 测试循环 ``` > 1. 使用th:each进行集合数据迭代 > 2. th:each="声明变量:${集合}" > 3. th:each 用在哪个标签上,哪个标签就会出现多次 ### 7. 引入外部代码 1. 要被引入的代码 include/part.html ```html 被包含的内容1111 被包含的内容2222 被包含的内容3333 ``` 2. 需要引入的页面 ```html ``` 3. 渲染后的页面源码 ```html 被包含的内容1111 被包含的内容2222 被包含的内容3333 ``` > 1. " :: "左边的值拼前后缀后必须能够找到要包含的文件。 > 2. " :: " 右边的值是代码片段的名字 ,就是th:fragment的值。 > 3. insert将代码原样引入。 > 4. replace使用被引入的代码和属性替换原有的。 > 5. include使用被引入的代码div内部的代码。
weixin_40245436
  • 粉丝: 2
上传资源 快速赚钱