（7）thymeleaf的使用

Myth丶恋晨 2022-02-03 02:13 272阅读 0赞

# 引入thymeleaf： #

**在pom.xml****中引入就可以了：**

<dependency>
    
        <groupId>org.springframework.boot</groupId>
    
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    
    </dependency>

# thymeleaf的使用 #

**将HTML****文件放在templates****文件夹下就可以了。**

**在controller****中：**

//查出一些数据在界面中显示

@RequestMapping("/success")
    
        public String success(Map<String,Object>map){
    
            //在类路径下的templates/success.html
    
            map.put("hello","<h1>你好</h1>");
    
            map.put("users", Arrays.asList("zhangsh","jiangyi"));
    
            return "success";
    
        }

# ***在html******中获得数据：*** #

**1****，先导入thymeleaf****的命名空间（不导入也可以，就是没有提示，所以为了方便还是导入吧）**

**2.****使用：**

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 3][]

**th:text****：是可以指定内容的，即使之前HTML****中有内容，也会被这个内容覆盖。**

**包括：th****：id****，th****：class****，也是同理，也是覆盖原来HTML****中的内容。**

<div id="hello" th:id="hello2" th:text="${hello}">
    
    这是显示欢迎信息
    
    </div>
    
    <div th:text="${hello}"></div>
    
    <div th:utext="${hello}"></div>
    
    
    
    <h4 th:each="user:${users}" th:text="${user}"></h4>
    
    <hr/>
    
    <h4>
    
        <span th:each="user:${users}">[[${user}]]</span>
    
    </h4>

**\[\[ \]\]****等价于th:text**

**\[\{ \}\]****等价于 th:utext**

# 路径的写法 #

**@\{ \}****语法来引入路径的好处：**

**以后如果我们需要更改项目名称：**

**比如我们在配置文件中添加了：**

**server.contex-path:/crud,**

**那么用@\{\}****会自动加入/crud****。**

***注意：以后所有的路劲都要写成这个形式，要不然有的时候会有404****错误，特别是静态资源。用/webjars****的时候。***

**根据这个来写：**

![20190508162833187.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70]: /images/20220203/ec36c333f9df480993dc06cee9d7f8e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1]: /images/20220203/9cf49b2891e04dc79213489a6b22a9ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2]: /images/20220203/cd8cf1910d7648b8a13456bfe36df964.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 3]: /images/20220203/2af0790f1ff54648bafba2825526f09b.png
[20190508162833187.png]: /images/20220203/f0377cfdb12b418db3783e0a1f88b874.png