SpringBoot整合整合jsp、整合freemarker、整合Thymeleaf

1、SpringBoot整合整合jsp、整合freemarker、整合Thymeleaf。

首先说明一下，这里使用的是Springboot2.2.6.RELEASE版本，由于Springboot迭代很快，所以要注意版本问题。

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
 4     <modelVersion>4.0.0</modelVersion>
 5     <parent>
 6         <groupId>org.springframework.boot</groupId>
 7         <artifactId>spring-boot-starter-parent</artifactId>
 8         <version>2.2.6.RELEASE</version>
 9         <relativePath/> <!-- lookup parent from repository -->
10     </parent>
11     <groupId>com.bie</groupId>
12     <artifactId>springboot-hello</artifactId>
13     <version>0.0.1-SNAPSHOT</version>
14     <name>springboot-hello</name>
15     <description>Demo project for Spring Boot</description>
16 
17     <properties>
18         <java.version>1.8</java.version>
19     </properties>
20 
21     <dependencies>
22         <dependency>
23             <groupId>org.springframework.boot</groupId>
24             <artifactId>spring-boot-starter-web</artifactId>
25         </dependency>
26         <dependency>
27             <groupId>org.springframework.boot</groupId>
28             <artifactId>spring-boot-starter-test</artifactId>
29             <scope>test</scope>
30             <exclusions>
31                 <exclusion>
32                     <groupId>org.junit.vintage</groupId>
33                     <artifactId>junit-vintage-engine</artifactId>
34                 </exclusion>
35             </exclusions>
36         </dependency>
37         <!-- springboot默认不推荐使用jsp,所以在web启动器中未包含这两个依赖包 -->
38         <!-- jstl,使用jsp的时候导入jstl标签库的坐标依赖包 -->
39         <dependency>
40             <groupId>javax.servlet</groupId>
41             <artifactId>jstl</artifactId>
42         </dependency>
43         <!-- jasper,是tomcat当中对jsp处理的一个jsp引擎 -->
44         <dependency>
45             <groupId>org.apache.tomcat.embed</groupId>
46             <artifactId>tomcat-embed-jasper</artifactId>
47             <scope>provided</scope>
48         </dependency>
49     </dependencies>
50 
51     <build>
52         <plugins>
53             <plugin>
54                 <groupId>org.springframework.boot</groupId>
55                 <artifactId>spring-boot-maven-plugin</artifactId>
56             </plugin>
57         </plugins>
58     </build>
59 
60 </project>

2、SpringBoot整合jsp，SpringBoot的全局配置文件，application.properties，配置jsp的访问路径和后缀。

1 # 配置jsp的访问路径的前缀和后缀，springboot2.2.6.RELEASE版本使用的配置。
2 spring.mvc.view.prefix=/WEB-INF/jsp/
3 spring.mvc.view.suffix=.jsp

创建一个实体类User。

 1 package com.bie.springboothello.po;
 2 
 3 public class User {
 4 
 5     private int id;
 6     private String name;
 7     private int age;
 8 
 9     public int getId() {
10         return id;
11     }
12 
13     public void setId(int id) {
14         this.id = id;
15     }
16 
17     public String getName() {
18         return name;
19     }
20 
21     public void setName(String name) {
22         this.name = name;
23     }
24 
25     public int getAge() {
26         return age;
27     }
28 
29     public void setAge(int age) {
30         this.age = age;
31     }
32 
33     public User(int id, String name, int age) {
34         this.id = id;
35         this.name = name;
36         this.age = age;
37     }
38 }

创建控制器类。

 1 package com.bie.springboothello.controller;
 2 
 3 import com.bie.springboothello.po.User;
 4 import org.springframework.stereotype.Controller;
 5 import org.springframework.ui.Model;
 6 import org.springframework.web.bind.annotation.RequestMapping;
 7 
 8 import java.util.ArrayList;
 9 import java.util.List;
10 
11 /**
12  * SpringBoot整合jsp
13  */
14 @Controller
15 public class UserController {
16 
17     @RequestMapping(value = "/showUser")
18     public String showUser(Model model) {
19         List<User> list = new ArrayList<>();
20         list.add(new User(1, "张飒飒", 25));
21         list.add(new User(2, "李四四", 26));
22         list.add(new User(3, "王五五", 23));
23         list.add(new User(4, "赵六六", 24));
24 
25         // 需要一个Model对象
26         model.addAttribute(list);
27         // 跳转视图,跳转都userList.jsp
28         return "userList";
29     }
30 
31 }

创建jsp页面。jsp应该放到WEB-INF/jsp/，那么WEB-INF放到那里呢，WEB-INF默认需要放到ServletContext Path下面，此时将src/main下面创建webapp的目录，在webapp目录下面创建WEB-INF目录。

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2          pageEncoding="UTF-8" %>
 3 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 5 <html>
 6 <head>
 7     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 8     <title>用户信息</title>
 9 </head>
10 <body>
11 <table border="1" align="center" width="50%">
12     <tr>
13         <th>用户编号</th>
14         <th>用户账号</th>
15         <th>用户年龄</th>
16     </tr>
17     <c:forEach items="${list }" var="user">
18         <tr border="1" align="center" width="50%">
19             <td>${user.id }</td>
20             <td>${user.name }</td>
21             <td>${user.age }</td>
22         </tr>
23     </c:forEach>
24 </table>
25 </body>
26 </html>

项目结构，如下所示：

访问http://127.0.0.1:8080/showUser，运行效果如下所示：

3、SpringBoot整合Freemarker。新增freemarker依赖启动器的坐标，注意freemarker也被封装成了一个启动器的。

1 <!-- freemarker启动器的坐标 -->
2 <dependency>
3     <groupId>org.springframework.boot</groupId>
4     <artifactId>spring-boot-starter-freemarker</artifactId>
5 </dependency>

SpringBoot整合Freemarker，SpringBoot的全局配置文件，application.properties，配置Freemarker的访问路径和后缀。

1 # 如果控制层Controller无法跳转到ftl界面，那么在application.properties配置文件里面配置后缀配置。
2 spring.freemarker.suffix=.ftl

注意：Springboot要求模板形式的视图层技术的文件，必须要放到 src/main/resources 目录下，必须要一个名称为templates的目录。注意Freemarker的后缀名称是.ftl后缀。

 1 <html>
 2 <head><title>展示用户数据~Freemarker语法</title>
 3     <meta charset="utf-9"></meta>
 4 </head>
 5 <body>
 6 <table border="1" align="center" width="50%">
 7     <tr>
 8         <th>用户编号</th>
 9         <th>用户账号</th>
10         <th>用户年龄</th>
11     </tr>
12     <#list list as user >
13         <tr border="1" align="center" width="50%">
14             <td>${user.id}</td>
15             <td>${user.name}</td>
16             <td>${user.age}</td>
17         </tr>
18     </#list>
19 </table>
20 
21 </body>
22 </html>

创建控制器类。

 1 package com.bie.springboothello.controller;
 2 
 3 import com.bie.springboothello.po.User;
 4 import org.springframework.stereotype.Controller;
 5 import org.springframework.ui.Model;
 6 import org.springframework.web.bind.annotation.RequestMapping;
 7 
 8 import java.util.ArrayList;
 9 import java.util.List;
10 
11 /**
12  * SpringBoot整合jsp
13  */
14 @Controller
15 public class UserController {
16 
17     @RequestMapping(value = "/showUser")
18     public String showUser(Model model) {
19         List<User> list = new ArrayList<>();
20         list.add(new User(1, "张飒飒", 25));
21         list.add(new User(2, "李四四", 26));
22         list.add(new User(3, "王五五", 23));
23         list.add(new User(4, "赵六六", 24));
24 
25         // 需要一个Model对象
26         model.addAttribute("list", list);
27         // 跳转视图,跳转都userList.ftl
28         return "userList";
29     }
30 
31 }

项目结构，如下所示：

访问http://127.0.0.1:8080/showUser，运行效果如下所示：

4、SpringBoot 整合Thymeleaf（重点掌握）。新增thymeleaf依赖启动器的坐标，注意thymeleaf也被封装成了一个启动器的。

1 <!-- springBoot 的启动器 -->
2 <dependency>
3     <groupId>org.springframework.boot</groupId>
4     <artifactId>spring-boot-starter-thymeleaf</artifactId>
5 </dependency>

注意：存放视图的目录，目录位置：src/main/resources/templates。templates表示该目录是安全的。意味着该目录下的内容是不允许外界直接访问的，可以通过Controller转化或者重定向进行访问。

 1 package com.bie.springboothello.controller;
 2 
 3 import org.springframework.stereotype.Controller;
 4 import org.springframework.ui.Model;
 5 import org.springframework.web.bind.annotation.RequestMapping;
 6 
 7 @Controller
 8 public class ThymeleafController {
 9 
10     @RequestMapping(value = "/show")
11     public String showInfo(Model model) {
12         model.addAttribute("msg", "Thymeleaf的第一个案例！");
13         return "index";
14     }
15     
16 }

Thymeleaf特点，Thymelaef是通过他特定语法对html的标记做渲染。

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- th:text向页面输出一个字符信息 -->
10 <span th:text="hello"></span>
11 <hr/>
12 <span th:text="${msg}"></span>
13 
14 </body>
15 </html>

项目结构，如下所示：

运行效果，如下所示：

4.1、Thymeleaf 语法详解，变量输出与字符串操作。

1）、th:text，在页面中输出值。

2）、th:value，可以将一个值放入到input标签的value中。

3）、判断字符串是否为空，Thymeleaf内置对象，注意语法，第一点，调用内置对象一定要用#，第二点，大部分的内置对象都以s结尾，例如，strings、numbers、dates等等。

　　a、${#strings.isEmpty(key)}，判断字符串是否为空，如果为空返回 true，否则返回 false。
　　b、${#strings.contains(msg,'T')}，判断字符串是否包含指定的子串，如果包含返回 true，否则返回 false。
　　c、${#strings.startsWith(msg,'a')}，判断当前字符串是否以子串开头，如果是返回 true，否则返回 false。
　　d、${#strings.endsWith(msg,'a')}，判断当前字符串是否以子串结尾，如果是返回 true，否则返回 false。
　　e、${#strings.length(msg)}，返回字符串的长度。
　　f、 ${#strings.indexOf(msg,'h')}，查找子串的位置，并返回该子串的下标，如果没找到则返回-1。
　　g、${#strings.substring(msg,13)},${#strings.substring(msg,13,15)}，截取子串，用户与 jdk String 类下 SubString 方法相同。
　　h、${#strings.toUpperCase(msg)}，${#strings.toLowerCase(msg)}，字符串转大小写。

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- th:text向页面输出一个字符信息 -->
10 <span th:text="hello"></span>
11 <hr/>
12 <span th:text="${msg}"></span>
13 <hr/>
14 <!-- th:value可以将一个值放入到input标签的value中。-->
15 <input type="text" name="name" th:value="${msg}" style=" 260px;"/>
16 <hr/>
17 
18 <!-- ${#strings.isEmpty(key)}，判断字符串是否为空，如果为空返回true，否则返回false。-->
19 <span th:text="${#strings.isEmpty(msg)}"></span>
20 <hr/>
21 
22 <!-- ${#strings.contains(msg,'T')}，判断字符串是否包含指定的子串，如果包含返回true，否则返回false。 -->
23 <span th:text="${#strings.contains(msg,'T')}"></span>
24 <hr/>
25 
26 <!-- ${#strings.startsWith(msg,'a')}，判断当前字符串是否以子串开头，如果是返回 true，否则返回 false。 -->
27 <span th:text="${#strings.startsWith(msg,'T')}"></span>
28 <hr/>
29 
30 <!-- ${#strings.endsWith(msg,'!')}，判断当前字符串是否以子串结尾，如果是返回 true，否则返回 false。 -->
31 <span th:text="${#strings.endsWith(msg,'!')}"></span>
32 <hr/>
33 
34 <!-- ${#strings.length(msg)}，返回字符串的长度。 -->
35 <span th:text="${#strings.length(msg)}"></span>
36 <hr/>
37 
38 <!-- ${#strings.indexOf(msg,'h')}，查找子串的位置，并返回该子串的下标，如果没找到则返回-1。 -->
39 <span th:text="${#strings.indexOf(msg,'h')}"></span>
40 <hr/>
41 
42 <!-- ${#strings.substring(msg,13)}，${#strings.substring(msg,13,15)}，截取子串，用户与jdkString类下SubString方法相同。 -->
43 <span th:text="${#strings.substring(msg, 2)}"></span>
44 <hr/>
45 
46 <!-- ${#strings.toUpperCase(msg)}，${#strings.toLowerCase(msg)}，字符串转大小写。 -->
47 <span th:text="${#strings.toUpperCase(msg)}"></span>
48 <span th:text="${#strings.toLowerCase(msg)}"></span>
49 <hr/>
50 
51 </body>
52 </html>

运行效果，如下所示：

4.2、Thymeleaf 语法详解，日期格式化处理操作。

　　a、${#dates.format(key)}，格式化日期，默认的以浏览器默认语言为格式化标准。
　　b、${#dates.format(key,'yyy/MM/dd')}，按照自定义的格式做日期转换。
　　c、${#dates.year(key)}，${#dates.month(key)}，${#dates.day(key)}，注意：year代表取年、Month代表取月、Day代表取日。

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- ${#dates.format(key)}，格式化日期，默认的以浏览器默认语言为格式化标准。 -->
10 <span th:text="${#dates.format(date)}"></span>
11 <hr/>
12 
13 <!-- ${#dates.format(key,'yyy/MM/dd')}，按照自定义的格式做日期转换。 -->
14 <span th:text="${#dates.format(date,'yyy/MM/dd')}"></span>
15 <hr/>
16 
17 <!-- ${#dates.year(key)}，${#dates.month(key)}，${#dates.day(key)}，注意，year代表取年、Month代表取月、Day代表取日。 -->
18 <span th:text="${#dates.year(date)}"></span>
19 <span th:text="${#dates.month(date)}"></span>
20 <span th:text="${#dates.day(date)}"></span>
21 <hr/>
22 
23 </body>
24 </html>

运行效果，如下所示：

4.3、Thymeleaf 语法详解，条件判断。

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- th:if标签进行判断 -->
10 <span th:if="${sex == '男'}">
11     性别：男
12 </span>
13 <span th:if="${sex == '女'}">
14     性别：女
15 </span>
16 <hr/>
17 
18 <!-- th:switch、th:case标签进行匹配判断 -->
19 <div th:switch="${id}">
20     <span th:case="1">id为1</span>
21     <span th:case="2">id为2</span>
22     <span th:case="3">id为2</span>
23 </div>
24 
25 
26 </body>
27 </html>

运行效果，如下所示：

4.4、Thymeleaf 语法详解，迭代遍历。

控制层代码，如下所示：

 1 package com.bie.springboothello.controller;
 2 
 3 import com.bie.springboothello.po.User;
 4 import org.springframework.stereotype.Controller;
 5 import org.springframework.ui.Model;
 6 import org.springframework.web.bind.annotation.RequestMapping;
 7 
 8 import java.util.ArrayList;
 9 import java.util.HashMap;
10 import java.util.List;
11 import java.util.Map;
12 
13 /**
14  * SpringBoot整合jsp
15  */
16 @Controller
17 public class UserController {
18 
19     @RequestMapping(value = "/showUser")
20     public String showUser(Model model) {
21         List<User> list = new ArrayList<>();
22         list.add(new User(1, "张飒飒", 25));
23         list.add(new User(2, "李四四", 26));
24         list.add(new User(3, "王五五", 23));
25         list.add(new User(4, "赵六六", 24));
26 
27         Map<String, Object> map = new HashMap<String, Object>();
28         map.put("user1", new User(1, "张飒飒", 25));
29         map.put("user2", new User(2, "李四四", 26));
30         map.put("user3", new User(3, "王五五", 23));
31         map.put("user4", new User(4, "赵六六", 24));
32 
33         // 需要一个Model对象
34         model.addAttribute("list", list);
35         model.addAttribute("map", map);
36         // 跳转视图,跳转都userList.ftl
37         return "index";
38     }
39 
40 }

页面代码，如下所示：

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- th:each遍历List集合 -->
10 <table border="1" align="center" width="50%">
11     <tr>
12         <th>用户编号</th>
13         <th>用户账号</th>
14         <th>用户密码</th>
15     </tr>
16     <tr th:each="user : ${list}" border="1" align="center" width="50%">
17         <td th:text="${user.id}"></td>
18         <td th:text="${user.name}"></td>
19         <td th:text="${user.age}"></td>
20     </tr>
21 </table>
22 
23 <br/>
24 <hr/>
25 <br/>
26 
27 <!--
28     状态变量属性var，名称任意。
29     1、index:当前迭代器的索引从0开始。
30     2、count:当前迭代对象的计数从1开始。
31     3、size:被迭代对象的长度。
32     4、even/odd:布尔值，当前循环是否是偶数/奇数从0开始。
33     5、first:布尔值，当前循环的是否是第一条，如果是返回true否则返回false。
34     6、last:布尔值，当前循环的是否是最后一条，如果是则返回true否则返回false。
35 -->
36 <table border="1" align="center" width="100%">
37     <tr>
38         <th>用户编号</th>
39         <th>用户账号</th>
40         <th>用户密码</th>
41         <th>对象的索引</th>
42         <th>对象的计数</th>
43         <th>对象的长度</th>
44         <th>是否偶数</th>
45         <th>是否奇数</th>
46         <th>是否第一条</th>
47         <th>是否最后一条</th>
48     </tr>
49     <tr th:each="user,var : ${list}" border="1" align="center" width="100%">
50         <td th:text="${user.id}"></td>
51         <td th:text="${user.name}"></td>
52         <td th:text="${user.age}"></td>
53         <td th:text="${var.index}"></td>
54         <td th:text="${var.count}"></td>
55         <td th:text="${var.size}"></td>
56         <td th:text="${var.even}"></td>
57         <td th:text="${var.odd}"></td>
58         <td th:text="${var.first}"></td>
59         <td th:text="${var.last}"></td>
60     </tr>
61 </table>
62 
63 <br/>
64 <hr/>
65 <br/>
66 <!-- th:each 迭代 Map -->
67 <table border="1" align="center" width="100%">
68     <tr>
69         <th>用户编号</th>
70         <th>用户账号</th>
71         <th>用户密码</th>
72     </tr>
73     <tr th:each="maps : ${map}" border="1" align="center" width="100%">
74         <td th:text="${maps}"></td>
75     </tr>
76 </table>
77 
78 <br/>
79 <hr/>
80 <br/>
81 
82 <table border="1" align="center" width="100%">
83     <tr>
84         <th>用户编号</th>
85         <th>用户账号</th>
86         <th>用户密码</th>
87     </tr>
88     <tr th:each="maps : ${map}" border="1" align="center" width="100%">
89         <td th:each="entry:${maps}" th:text="${entry.value.id}"></td>
90         <td th:each="entry:${maps}" th:text="${entry.value.name}"></td>
91         <td th:each="entry:${maps}" th:text="${entry.value.age}"></td>
92     </tr>
93 </table>
94 
95 </body>
96 </html>

运行效果，如下所示：

4.5、Thymeleaf 语法详解，域对象操作，获取作用域对象中的数据。

 1 package com.bie.springboothello.controller;
 2 
 3 import org.springframework.stereotype.Controller;
 4 import org.springframework.ui.Model;
 5 import org.springframework.web.bind.annotation.RequestMapping;
 6 
 7 import javax.servlet.http.HttpServletRequest;
 8 
 9 @Controller
10 public class ThymeleafController {
11 
12     @RequestMapping(value = "/show")
13     public String showInfo(Model model, HttpServletRequest request) {
14         // HttpServletRequest
15         request.setAttribute("request", "HttpServletRequest");
16         // HttpSession
17         request.getSession().setAttribute("session", "HttpSession");
18         // ServletContext
19         request.getSession().getServletContext().setAttribute("application", "Application");
20 
21         return "index";
22     }
23 
24 }

页面代码，如下所示：

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 Request:<span th:text="${#httpServletRequest.getAttribute('request')}"></span><br/>
10 
11 Session:<span th:text="${session.session}"></span><br/>
12 
13 Application:<span th:text="${application.application}"></span><br/>
14 
15 </body>
16 </html>

运行效果，如下所示：

4.6、Thymeleaf 语法详解，url表达式（th:href、th:src），url表达式语法，基本语法：@{}。

 1 package com.bie.springboothello.controller;
 2 
 3 import org.springframework.stereotype.Controller;
 4 import org.springframework.web.bind.annotation.PathVariable;
 5 import org.springframework.web.bind.annotation.RequestMapping;
 6 
 7 @Controller
 8 public class ThymeleafController {
 9 
10     @RequestMapping(value = "/{page}")
11     public String showInfo(@PathVariable String page, Integer id, String name) {
12         System.out.println("id: " + id + ", name:" + name);
13         return page;
14     }
15 
16 }

页面代码，如下所示：

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html xmlns:th="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Thymeleaf 入门</title>
 6 </head>
 7 <body>
 8 
 9 <!-- 1、URL类型,绝对路径 -->
10 <a th:href="@{http://www.baidu.com}">绝对路径</a><br/>
11 
12 <!--
13     2、URL类型,相对路径。
14     第一种情况,相对于当前项目的根,相对于项目的上下文的相对路径。相当于去请求Controller的请求路径。去查找当前项目下可以处理show请求的url路径
15     第二种情况,相对于服务器路径的根,比如访问同一个tomcat下面的不同项目的访问路径。
16  -->
17 <a th:href="@{/show}">相对路径</a><br/>
18 <a th:href="@{~/springboot-hello/show}">相对于服务器的根</a><br/>
19 <!-- <a th:href="@{~/project2/resourcename}">相对于服务器的根</a> -->
20 
21 <!-- 3、URL类型,在url 中实现参数传递 -->
22 <a th:href="@{/show(id=1,name=zhagnsan)}">相对路径-传参</a><br/>
23 
24 <!-- 4、在url中通过restful风格进行参数传递 -->
25 <a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}">相对路径-传参-restful</a><br/>
26 
27 </body>
28 </html>

运行效果，如下所示：