ThymeLeaf实战

随遇而安^^

已于 2023-10-30 16:54:25 修改

阅读量370

点赞数

分类专栏： Java 文章标签： java

于 2023-06-30 14:48:29 首次发布

本文链接：https://blog.csdn.net/m0_47909382/article/details/131476092

版权

Java 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章目录

一、导入依赖
二、配置Theamleaf解析引擎
三、后端设计
四、使用TheamLeaf渲染数据
总结

一、导入依赖

在pom.xml中添加相关依赖：

<!--整合thymeleaf-->
<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
</dependency>

<!-- thymeleaf整合springsecurity5的标签库 -->
<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-springsecurity5</artifactId>
</dependency>

二、配置Theamleaf解析引擎

public class SpringMvcConfig implements WebMvcConfigurer {

    //添加资源处理程序
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/images/**").addResourceLocations("/images/");
        registry.addResourceHandler("/css/**").addResourceLocations("/css/");
        registry.addResourceHandler("/js/**").addResourceLocations("/js/");
        registry.addResourceHandler("/lib/**").addResourceLocations("/lib/");
        registry.addResourceHandler("/pages/**").addResourceLocations("/pages/");
    }

    //开启视图解析器
    @Bean
    public SpringResourceTemplateResolver springResourceTemplateResolver() {
        SpringResourceTemplateResolver srtr = new SpringResourceTemplateResolver();
        //设置前后缀
        srtr.setPrefix("/pages/");
        srtr.setSuffix(".html");
        //解决页面的中文乱码
        srtr.setCharacterEncoding("UTF-8");
        srtr.setOrder(1);
        srtr.setTemplateMode("HTML5");
        srtr.setCacheable(false);
        return srtr;
    }

    @Bean
    public SpringSecurityDialect springSecurityDialect() {
        return new SpringSecurityDialect();
    }

    @Bean
    public SpringTemplateEngine springTemplateEngine(SpringResourceTemplateResolver springResourceTemplateResolver, SpringSecurityDialect springSecurityDialect) {
        SpringTemplateEngine ste = new SpringTemplateEngine();
        ste.setTemplateResolver(springResourceTemplateResolver);
        Set set = new HashSet();
        set.add(springSecurityDialect);
        ste.setAdditionalDialects(set);
        return ste;
    }

    //配置thymeleaf视图解析器
    @Bean
    public ThymeleafViewResolver thymeleafViewResolver(SpringTemplateEngine springTemplateEngine) {
        ThymeleafViewResolver tvr = new ThymeleafViewResolver();
        tvr.setTemplateEngine(springTemplateEngine);
        tvr.setCharacterEncoding("UTF-8");
        return tvr;
    }
}

三、后端设计

后端使用addAttribute方法向前端传递数据。

model.addAttribute("bookList",bookList);

具体代码如下：

    @GetMapping("/books")
    public String getAll(@RequestParam(required = false) String name, Model model) {
        System.out.println(name);
        List<Book> bookList = bookService.getAll(name);
        System.out.println(bookList);
        model.addAttribute("bookList",bookList);
        return "main";
    }

四、使用TheamLeaf渲染数据

在HTML头部标签中添加xlms属性，如下代码所示：

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<tr  th:each="book : ${bookList}">
						<td bgcolor="#FFFFFF" style='border-bottom: 1px dotted #eeeeee;' th:text="${book.id}"></td>
						<td bgcolor="#FFFFFF" style='border-bottom: 1px dotted #eeeeee;' th:text="${book.type}"></td>
						<td bgcolor="#FFFFFF" style='border-bottom: 1px dotted #eeeeee;' th:text="${book.name}">></td>
						<td bgcolor="#FFFFFF" style='border-bottom: 1px dotted #eeeeee;' th:text="${book.description}"></td>
						<td bgcolor="#FFFFFF" style='border-bottom: 1px dotted #eeeeee;'>
							<a th:href="@{/books/id(id=${book.id})}" >
								修改</a>
							&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;
							<a th:attr="href=@{/delete/id(id=${book.id})}">
								删除</a>
						</td>
</tr>