「SpringBoot实战」视图技术-Thymeleaf

在一个Web应用中，通常会采用MVC设计模式实现对应的模型、视图和控制器，其中，视图是用户看到并与之交互的界面。对最初的Web应用来说，视图是由HTML元素组成的静态界面；而后期的Web应用更倾向于使用动态模板技术，从而实现前后端分离和页面的动态数据展示。Spring Boot框架为简化项目的整体开发，提供了一些视图技术支持，并主要推荐整合模板引擎技术实现前端页面的动态化内容。本文对SpringBoot常用的Thymeleaf进行整合。

Thymeleaf是一种现代的基于服务器端的Java模板引擎技术，也是一个优秀的面向Java的XML、XHTML、HTML5页面模板，它具有丰富的标签语言、函数和表达式，在使用Spring Boot框架进行页面设计时，一般会选择 Thymeleaf模板。我们在这里学习Thymeleaf 常用的标签、表达式。

Thymeleaf标签

使用标签只需要加上一个命名空间就可以了。 即修改原html的第二行就可以了。

变量表达式${}主要用于获取上下文中的变量值，示例代码如下。

这是标题

- 使用了Thymeleaf模板的变量表达式${}用来动态获取p标签中的内容 - 如果当前程序没有启动或者当前上下文中不存在title变量，该片段会显示标签默认值“这是标题”； - 如果当前上下文中存在title 变量并且程序已经启动，当前p标签中的默认文本内容将会被tite变量的值所替换，从而达到模板引擎页面数据动态替换的效果。

Thymeleaf为变量所在域提供了一些内置对象

结合上述内置对象的说明，假设要在Thymeleaf模板擎页面中动态获取当前国家信息，可以使用#locale内置对象

选择交量表达式和变量表达式用法类似，一般用于从被选定对象而不是上下文中获取属性值，如果没有选定对象，则和变量表达式一样，示例代码如下。

消息表达式#{}主要用于Thymeleaf模板页面国际化内容的动态替换和展示。使用消息表这式#{}进行国际化设置时，还需要提供一些国际化配置文件。关于消息表达式的使用，下文写国际化时会详细说明。

链接表达式@{}一般用于页面跳转或者资源的引入，在Web开发中占据着非常重要的地位，并且使用也非常频繁。

片段表达式~{}是一种用来将标记片段移动到模板中的方法。其中，最常见的用法是使用th:insert或th:replace 属性插入片段

Spring Boot默认设置了静态资源的访问路径，默认将/所有访问映射到以下目录。

我们创建一个springboot项目用于本次实验。项目名为springboot_01_thyme。java8，springboot266

创建一个LoginController类用于数据替换效果测试。

我们写一个loginhtml进行测试。我们导入一个bootstrap的样式到static/login里面，并且自己定义一些css。

最后我们通过访问>

### 1、定义方言Dialect

继承AbstractProcessorDialect

```

public class PagingDialect extends AbstractProcessorDialect {

    private static final String DIALECT_NAME = "PagingDialect";//定义方言名称

    public PagingDialect() {

        super(DIALECT_NAME, "paging", StandardDialectPROCESSOR_PRECEDENCE);

        //优先级：值必须为：StandardDialectPROCESSOR_PRECEDENCE

    }

    @Override

    public Set getProcessors(String dialectPrefix) {

        Set processors = new HashSet();

        //添加我们定义的标签

        processorsadd(new PagingTagProcessor(dialectPrefix));

        processorsadd(new StandardXmlNsTagProcessor(TemplateModeHTML, dialectPrefix));

        return processors;

    }

}

```

### 2、添加自定义处理程序Processor

继承AbstractElementTagProcessor

```

public class PagingTagProcessor extends AbstractElementTagProcessor {

    private static final String TAG_NAME = "pager";//标签名

    private static final int PRECEDENCE = 10000;//优先级，必须是10000，否则读取不到标签的赋值

    public PagingTagProcessor(String dialectPrefix) {

        super(

                TemplateModeHTML,      // 此处理器将仅应用于HTML模式

                dialectPrefix,          // 要应用于名称的匹配前缀

                TAG_NAME,              // 标签名称：匹配此名称的特定标签

                true,                  // 没有要应用于标签名称的前缀

                null,                  // 无属性名称：将通过标签名称匹配

                false,                  // 没有要应用于属性名称的前缀

                PRECEDENCE              // 优先(内部方言自己的优先)

        );

    }

    @Override

    protected void doProcess(ITemplateContext context,

                            IProcessableElementTag tag,

                            IElementTagStructureHandler structureHandler) {

        String url = ((WebEngineContext) context)getRequest()getRequestURL()toString();

        String queryString = ((WebEngineContext) context)getRequest()getQueryString();

        String pageUrl = "";

        if (StringUtilsisEmpty(queryString)) {

            pageUrl = url + "page=";

        } else {

            pageUrl = url + "" + queryString + "&page=";

        }

        ApplicationContext appCtx = SpringContextUtilsgetApplicationContext(context);

        //读取标签内容（当前页），注意标签必须是自带标签才能正常读取值

        String pageIndexString = taggetAttributeValue("value");

        //读取标签内容（页码大小）

        String pageSizeString = taggetAttributeValue("size");

        //读取标签内容（数据大小）

        String totalSizeString = taggetAttributeValue("rows");

    }

}

```

### 3、使用@Bean注解完成方言注入

在SpringBoot Application类中加入注入

```

    @Bean

    public PagingDialect paging() {

        return new PagingDialect();

    }

```

### 4、页面应用

```

```

Thymeleaf是Springboot官方推荐的模板引擎，但仅能渲染html xhtml这类型的格式，是实实在在的页面模板引擎。

开发过程中会遇到各种各样的需求，想要调用springboot上下文中bean的方法，thymeleaf使用@来调用bean方法：

这里我简单解释一下，我在所有业务上的css和js上的资源路径后缀加了一个时间戳的参数，在开发阶段保证了因浏览器缓存，带来的预览不及时等问题，因此我在常量中设置了参数dev，根据dev常量的参数来动态开启后缀。

浏览器开发者模式，效果如下：

常量方法很也普通

如上所示，thymeleaf @{}标签是资源标签，可以保证引用的资源开头都会加上contextPath，

thymeaf使用${}来表示变量，使用@跟上bean的名称就可以调用了，是不是很简单。

以上就是关于「SpringBoot实战」视图技术-Thymeleaf全部的内容，包括:「SpringBoot实战」视图技术-Thymeleaf、Thymeleaf的标签和表达式、SpringBoot2中使用thymeleaf3自定义分页方言等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！