springboot+thymeleaf,模板引擎 thymeleaf

　　00-1010模板引擎什么是模板引擎？将模板原理引入到百里香语法学习中来分析百里香语法学习。

　　00-1010模板引擎是解决我们需要给前端动态赋值的解决方案。(模板引擎的作用就是我们写一个页面模板。比如有些值是动态的，我们写一些表达式。而这些值从何而来，就是我们在后台封装了一些数据。然后把这个模板和这个数据交给我们的模板引擎，模板引擎会根据我们的数据帮你解析并填充这个表达式到我们指定的位置，然后最后从这个数据中生成一个我们想要的内容让我们写出来。这就是我们的模板引擎，无论是jsp还是其他模板引擎，都有这个思路。但是，也就是说，这个语法在不同的模板引擎之间可能会有一点不同。别人我就不介绍了。我将主要介绍SpringBoot推荐的百里叶模板引擎。这个模板引擎是一个高级语言模板引擎，语法比较简单。而且，它更强大。)

模板引擎

　　00-1010引入意味着导入依赖项。以下是网址，与百里香官网相关：https://www.thymeleaf.org/

　　百里香在Github的主页：https://github.com/thymeleaf/thymeleaf

　　春天的官方文件：找到我们对应的版本。

　　https://docs . spring . io/spring-boot/docs/2 . 2 . 5 . release/reference/html single/# using-boot-starter

　　找到对应的pom依赖：可以适当点进源代码，看原包！

　　！-百里香叶依赖性groupIdorg.springframework.boot/groupId artifactId spring-boot-starter-百里香叶/artifactId/依赖性

什么是模板引擎？

百里香叶的介绍取决于文件百里香叶属性，其内容如下：

　　//从类文件生成的IntelliJ API反编译器存根源代码//方法的实现不可用package org . spring framework . boot . auto configure . thyme leaf；@ org . spring framework . boot . context . properties . configuration properties(前缀=spring.thymeleaf )公共类thyme leaf properties { private static final Java . nio . charset . charset DEFAULT _ ENCODING；public static final Java . lang . string DEFAULT _ PREFIX= class path :/templates/；public static final Java . lang . string DEFAULT _ SUFFIX=。html ；私有布尔checkTemplate私有布尔checkTemplateLocation私有java.lang.String前缀；私有java.lang.String后缀；私有java.lang.String模式；私有java.nio.charset.Charset编码；私有布尔缓存；private Java . lang . integer templateResolverOrder；私有java.lang.String

　　[] viewNames; private java.lang.String[] excludedViewNames; private boolean enableSpringElCompiler; private boolean renderHiddenMarkersBeforeCheckboxes; private boolean enabled; private final org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties.Servlet servlet; private final org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties.Reactive reactive; public ThymeleafProperties() { /* compiled code */ } public boolean isEnabled() { /* compiled code */ } public void setEnabled(boolean enabled) { /* compiled code */ } public boolean isCheckTemplate() { /* compiled code */ } public void setCheckTemplate(boolean checkTemplate) { /* compiled code */ } public boolean isCheckTemplateLocation() { /* compiled code */ } public void setCheckTemplateLocation(boolean checkTemplateLocation) { /* compiled code */ } public java.lang.String getPrefix() { /* compiled code */ } public void setPrefix(java.lang.String prefix) { /* compiled code */ } public java.lang.String getSuffix() { /* compiled code */ } public void setSuffix(java.lang.String suffix) { /* compiled code */ } public java.lang.String getMode() { /* compiled code */ } public void setMode(java.lang.String mode) { /* compiled code */ } public java.nio.charset.Charset getEncoding() { /* compiled code */ } public void setEncoding(java.nio.charset.Charset encoding) { /* compiled code */ } public boolean isCache() { /* compiled code */ } public void setCache(boolean cache) { /* compiled code */ } public java.lang.Integer getTemplateResolverOrder() { /* compiled code */ } public void setTemplateResolverOrder(java.lang.Integer templateResolverOrder) { /* compiled code */ } public java.lang.String[] getExcludedViewNames() { /* compiled code */ } public void setExcludedViewNames(java.lang.String[] excludedViewNames) { /* compiled code */ } public java.lang.String[] getViewNames() { /* compiled code */ } public void setViewNames(java.lang.String[] viewNames) { /* compiled code */ } public boolean isEnableSpringElCompiler() { /* compiled code */ } public void setEnableSpringElCompiler(boolean enableSpringElCompiler) { /* compiled code */ } public boolean isRenderHiddenMarkersBeforeCheckboxes() { /* compiled code */ } public void setRenderHiddenMarkersBeforeCheckboxes(boolean renderHiddenMarkersBeforeCheckboxes) { /* compiled code */ } public org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties.Reactive getReactive() { /* compiled code */ } public org.springframework.boot.autoconfigure.thymeleaf.ThymeleafProperties.Servlet getServlet() { /* compiled code */ } public static class Reactive { private org.springframework.util.unit.DataSize maxChunkSize; private java.util.List<org.springframework.http.MediaType> mediaTypes; private java.lang.String[] fullModeViewNames; private java.lang.String[] chunkedModeViewNames; public Reactive() { /* compiled code */ } public java.util.List<org.springframework.http.MediaType> getMediaTypes() { /* compiled code */ } public void setMediaTypes(java.util.List<org.springframework.http.MediaType> mediaTypes) { /* compiled code */ } public org.springframework.util.unit.DataSize getMaxChunkSize() { /* compiled code */ } public void setMaxChunkSize(org.springframework.util.unit.DataSize maxChunkSize) { /* compiled code */ } public java.lang.String[] getFullModeViewNames() { /* compiled code */ } public void setFullModeViewNames(java.lang.String[] fullModeViewNames) { /* compiled code */ } public java.lang.String[] getChunkedModeViewNames() { /* compiled code */ } public void setChunkedModeViewNames(java.lang.String[] chunkedModeViewNames) { /* compiled code */ } } public static class Servlet { private org.springframework.util.MimeType contentType; private boolean producePartialOutputWhileProcessing; public Servlet() { /* compiled code */ } public org.springframework.util.MimeType getContentType() { /* compiled code */ } public void setContentType(org.springframework.util.MimeType contentType) { /* compiled code */ } public boolean isProducePartialOutputWhileProcessing() { /* compiled code */ } public void setProducePartialOutputWhileProcessing(boolean producePartialOutputWhileProcessing) { /* compiled code */ }}我们可以在其中看到默认的前缀和后缀。我们只需要把我们的html页面放在类路径下的templates下，thymeleaf就可以帮我们自动渲染了。

　　启动访问结果

Thymeleaf 语法学习

要学习语法，还是参考官网文档最为准确，我们找到对应的版本看一下；

　　Thymeleaf 官网：https://www.thymeleaf.org/ ，简单看一下官网！我们去下载Thymeleaf的官方文档！

　　做一个最简单的向页面传值操作（1）写一个页面，一个msg来作为传值

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>ZP</title></head><body><h1>测试页面</h1><!--th:text就是将div中的内容设置为它指定的值，和之前学习的Vue一样--><div th:text="${msg}"></div></body></html>

代码注意这里return的字符串要和上面的templates下面的html文件名字相同。

package com.example.zpspringboot3.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;/** * @Author: zhangpeng * @Date: 2022/2/21 16:02 */@Controllerpublic class TestController {// @RequestMapping("/t1")// public String test1(){// //classpath:/templates/test.html// return "text";// } @RequestMapping("/t1") public String test1(Model model){ //存入数据 model.addAttribute("msg","Hello,Thymeleaf"); //classpath:/templates/test.html return "text2"; }}

测试

　　通过thymeleaf官网文档学习一些语法：1、我们可以使用任意的 th:attr 来替换Html中原生属性的值！

　　2、我们能写哪些表达式呢？

Simple expressions:（表达式语法）Variable Expressions: ${...}：获取变量值；OGNL； 1）、获取对象的属性、调用方法 2）、使用内置的基本对象：#18 #ctx : the context object. #vars: the context variables. #locale : the context locale. #request : (only in Web Contexts) the HttpServletRequest object. #response : (only in Web Contexts) the HttpServletResponse object. #session : (only in Web Contexts) the HttpSession object. #servletContext : (only in Web Contexts) the ServletContext object. 3）、内置的一些工具对象：#execInfo : information about the template being processed.#uris : methods for escaping parts of URLs/URIs#conversions : methods for executing the configured conversion service (if any).#dates : methods for java.util.Date objects: formatting, component extraction, etc.#calendars : analogous to #dates , but for java.util.Calendar objects.#numbers : methods for formatting numeric objects.#strings : methods for String objects: contains, startsWith, prepending/appending, etc.#objects : methods for objects in general.#bools : methods for boolean evaluation.#arrays : methods for arrays.#lists : methods for lists.#sets : methods for sets.#maps : methods for maps.#aggregates : methods for creating aggregates on arrays or collections.================================================================================== Selection Variable Expressions: *{...}：选择表达式：和${}在功能上是一样； Message Expressions: #{...}：获取国际化内容 Link URL Expressions: @{...}：定义URL； Fragment Expressions: ~{...}：片段引用表达式Literals（字面量） Text literals: one text , Another one! ,… Number literals: 0 , 34 , 3.0 , 12.3 ,… Boolean literals: true , false Null literal: null Literal tokens: one , sometext , main ,… Text operations:（文本操作） String concatenation: + Literal substitutions: The name is ${name} Arithmetic operations:（数学运算） Binary operators: + , - , * , / , % Minus sign (unary operator): -Boolean operations:（布尔运算） Binary operators: and , or Boolean negation (unary operator): ! , notComparisons and equality:（比较运算） Comparators: > , < , >= , <= ( gt , lt , ge , le ) Equality operators: == , != ( eq , ne )Conditional operators:条件运算（三元运算符） If-then: (if) ? (then) If-then-else: (if) ? (then) : (else) Default: (value) ?: (defaultvalue)Special tokens: No-Operation: _

练习测试：

　　1、我们编写一个Controller，放一些数据

 @RequestMapping("/t2") public String test2(Map<String,Object> map){ //存入数据 map.put("msg","<h1>Hello</h1>"); map.put("users", Arrays.asList("zp","zhangpeng")); //classpath:/templates/test.html return "text3"; }

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>狂神说</title></head><body><h1>测试页面</h1><div th:text="${msg}"></div><!--不转义--><div th:utext="${msg}"></div><!--遍历数据--><!--th:each每次遍历都会生成当前这个标签:官网#9--><h4 th:each="user :${users}" th:text="${user}"></h4><h4> <!--行内写法：官网#12--> <span th:each="user:${users}">[[${user}]]</span></h4></body></html>

到此这篇关于springboot学习Thymeleaf模板引擎的文章就介绍到这了,更多相关springbootThymeleaf模板引擎内容请搜索盛行IT以前的文章或继续浏览下面的相关文章希望大家以后多多支持盛行IT！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

springboot+thymeleaf,模板引擎 thymeleaf

目录

模板引擎

什么是模板引擎？

Thymeleaf 语法学习

相关文章阅读