黄色网址大全免费-黄色网址你懂得-黄色网址你懂的-黄色网址有那些-免费超爽视频-免费大片黄国产在线观看

SpringBoot教程
SpringBoot入門案例
SpringBoot框架Web開發
SpringBoot非web應用程序
SpringBoot使用攔截器
SpringBoot中使用Servlet
SpringBoot中使用Filter
SpringBoot項目配置字符編碼
SpringBoot打包與部署
SpringBoot使用Actuator
SpringBoot集成Thymeleaf模板
SpringBoot總結及綜合案例
SpringBoot工程下使用Mybatis反向工程

SpringBoot Thymeleaf表達式

項目名稱：040-springboot-thymeleaf-expression

1.創建SpringBoot的web項目并使用模版引擎

2.pom.xml中應該有如下兩個依賴

<!--SpringBoot集成Thymeleaf模版引擎的起步依賴-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

<!--SpringBoot的web項目起步依賴-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

3.在application.properties中設置thymeleaf參數


#設置thymeleaf頁面緩存失效
spring.thymeleaf.cache=false

#thymeleaf模版前綴，默認值,可選項
spring.thymeleaf.prefix=classpath:/templates/
#thymeleaf模版后綴，默認值,可選項
spring.thymeleaf.suffix=.html

4.創建實體User實體類

在com.abc.springboot.model包下創建User實體類

package com.abc.springboot.model;
/**
 * ClassName:User
 * Package:com.abc.springboot.model
 * Description:

 */
public class User {

    private Integer id;

    private String nick;

    private String phone;

    private String address;
   
    //此處省略屬性的set和get
}

5.創建ThymeleafController類

在com.abc.springboot.web包下創建ThymeleafController類

package com.abc.springboot.web;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * ClassName:ThymeleafController
 * Package:com.abc.springboot.web
 * Description:

 */
@Controller
public class ThymeleafController {


    @RequestMapping(value = "/springboot/thymeleaf/index")
    public String index(Model model) {

        model.addAttribute("data","哈嘍，SpringBoot");

        return "index";
    }

}

6.在src/main/resources/templates在創建html頁面

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf'Index</title>
</head>
<body>
<span th:text="${data}"></span>
</body>
</html>

7.測試

標準變量表達式

注意：th:text="" 是Thymeleaf的一個屬性，用于文本的顯示

1.語法 ${...}

2.說明

標準變量表達式用于訪問容器(tomcat)上下文環境中的變量，功能和EL中的 ${} 相同。Thymeleaf 中的變量表達式使用 ${變量名} 的方式獲取Controller中model其中的數據。

3.案例演示

在ThymeleafController中添加user方法中，向model放入User對象


@RequestMapping(value = "/thymeleaf/expression/user")
public String user(Model model) {

    User user = new User();

    user.setId(100);
    user.setPhone("13700000000");
    user.setNick("張三");
    user.setAddress("北京市亦莊");

    model.addAttribute("user",user);

    return "user";
}

在templates目錄下創建user.html頁面獲取User對象數據

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Thymeleaf標準變量表達式</title>
</head>
<body>
<h2>Thymeleaf以HTML為載體展示數據</h2>
<h2>展示用戶信息：</h2>
<span th:text="${user.id}"></span><br/>
<span th:text="${user.nick}"></span><br/>
<span th:text="${user.phone}"></span><br/>
<span th:text="${user.address}"></span><br/>
</body>
</html>

為了演示方便，在pom.xml文件中加入熱部署插件

<!--熱部署插件-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-devtools</artifactId>
   <optional>true</optional>
</dependency>

瀏覽器訪問http://localhost:8080/thymeleaf/expression/user 測試

4.重新Recompile即可生效

選擇變量表達式(了解，不推薦使用)

1.語法：*{...}

2.說明

選擇變量表達式，也叫星號變量表達式，使用 th:object 屬性來綁定對象；

選擇表達式首先使用th:object來綁定后臺傳來的User對象，然后使用 * 來代表這個對象，后面 {} 中的值是此對象中的屬性。

選擇變量表達式 *{...} 是另一種類似于標準變量表達式 ${...} 表示變量的方法；

選擇變量表達式在執行時是在選擇的對象上求解，而${...}是在上下文的變量Model上求解，這種寫法比標準變量表達式繁瑣，只需要大家了解即可。

3.案例演示

在user.html通過選擇變量表達式獲取用戶數據


<h2>選擇變量表達：又叫做*號表達式</h2>
<h3 style="color: red">用戶對象僅在div范圍內有效</h3>
<div th:object="${user}">
    <span th:text="*{id}"></span><br/>
    <span th:text="*{nick}"></span><br/>
    <span th:text="*{phone}"></span><br/>
    <span th:text="*{address}"></span><br/>
</div>

瀏覽器訪問http://localhost:8080/thymeleaf/expression/user 測試

標準變量表達式和選擇變量表達式可以混合一起使用, 也可以不使用 th:object 進行對象的選擇，而直接使用 *{...} 獲取數據 

<h2>=====標準變量表達式和選擇變量表達式混合使用</h2>

<h3 style="color: red">1.標準變量表達式展示數據</h3>
<div th:text="${user.id}"></div>
<div th:text="${user.phone}"></div>
<div th:text="${user.nick}"></div>
<div th:text="${user.address}"></div>

<h3 style="color: red">2.選擇變量表達式其它用法展示數據</h3>
<div>
    <span th:text="*{user.id}"></span><br/>
    <span th:text="*{user.phone}"></span><br/>
    <span th:text="*{user.nick}"></span><br/>
    <span th:text="*{user.address}"></span><br/>
</div>

測試查看結果

URL表達式

1.語法@{...}

2.說明

主要用于鏈接、地址的展示，可用于

<script src="...">、<link href="...">、<a href="...">、<form action="...">、<img src="">等，可以在URL路徑中動態獲取數據

3.案例演示

在user.html頁面中加入如下代碼

<h2>=====URL表達式：@{...}</h2>
<div style="font-size:large">絕對路徑</div>
<a href="info.html" th:href="@{'http://localhost:8080/springboot/user/info?id=' + ${user.id}}">絕對路徑：查看</a>

<div style="font-size:large">相對路徑：相對于當前頁面</div>
<a th:href="@{'user/info?id=' + ${user.id}}">相對路徑：查看</a>

<div style="font-size:large;color: red">相對路徑：相對于項目上下文，實際開發推薦這種方式，避免路徑找不到的問題</div>
<a th:href="@{'/user/info?id=' + ${user.id}}">相對路徑：相對于上下文-查看</a>

為了演示加上下文的效果，在application.properties中配置項目上下文

#設置項目上下文根

server.servlet.context-path=/040-springboot-thymeleaf-expression

瀏覽器訪問，右鍵查看源代碼

全部教程
主站蜘蛛池模板： 色视频线观看在线播放 | 亚洲成a人不卡在线观看 | 青青在线视频 | 操操网站| 日本久久影视 | 亚洲日本三级 | 欧美色欧美亚洲另类二区精品 | 欧美 亚洲 激情 | 国产高清精品久久久久久久 | 欧美成人精品免费播放 | 手机看片1204国内基地在线 | 成人福利软件免费 | 久久久久国产亚洲日本 | 国产成人午夜精品影院游乐网 | 香蕉视频在线观 | 99riav国产精品 | www.伦理| 男女毛片视频 | 美腿丝袜综合 | 精品国产日韩亚洲一区在线 | 毛片成人永久免费视频 | 最新色站 | h网站免费观看 | 亚洲视频在线免费播放 | 久久精品大片 | 日韩在线二区全免费 | 国产一区二区三区欧美精品 | 国产三级福利 | 成人免费黄色小视频 | 成人无遮挡免费网站视频在线观看 | 中国毛片免费看 | a级国产视频 | 最近中文字幕版免费 | 中文字幕日本一区波多野不卡 | 精品国产麻豆免费网站 | 日产国产精品亚洲系列 | 成 人在线观看视频网站 | 国产日韩在线观看视频 | 成人免费网址在线 | 欧美日韩亚洲人人夜夜澡 | 五月天婷婷综合 |