015_SpringBoot视图层技术thymeleaf-URL表达式

最新推荐文章于 2024-08-12 09:36:19 发布

自由与束缚JavaJavaScript

最新推荐文章于 2024-08-12 09:36:19 发布

阅读量553

点赞数

本文链接：https://blog.csdn.net/aihiao/article/details/122737464

版权

SpringBoot 专栏收录该内容

35 篇文章 2 订阅

订阅专栏

1. url表达式: th:href和th:src。

2. url表达式基本语法: @{}。

3. 绝对路径: <a th:href="@{http://www.baidu.com}">Thymeleaf绝对路径-百度</a>。

4. 相对路径

4.1. 相对于当前项目的根, 相对于项目的上下文的相对路径: <a th:href="@{/show}">相对路径</a>。

4.2. 相对于服务器(Tomcat)路径的根: <a th:href="@{~/Project/resourcename}">相对于服务器的根</a>。

4.3. 在url中实现参数传递: <a th:href="@{/page(id=1,name=zhangsan)}">相对路径-传参</a>。

4.4. 在url中通过restful风格进行参数传递: <a th:href="@{/article/details/{articleId}(articleId=1001)}">相对路径-restful</a>。

4. Thymeleaf URL表达式案例

1. 使用maven构建SpringBoot的名叫spring-boot-view-thymeleaf-url项目

2. pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

	<modelVersion>4.0.0</modelVersion>
	<groupId>com.bjbs</groupId>
	<artifactId>spring-boot-view-thymeleaf-url</artifactId>
	<version>0.0.1-SNAPSHOT</version>

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>1.5.13.RELEASE</version>
	</parent>

	<!-- 修改jdk版本 -->
	<properties>
		<java.version>1.8</java.version>
		<!-- 指定thymeleaf和thymeleaf-layout-dialect高版本可以防止html标签不规范报错 -->
		<thymeleaf.version>3.0.2.RELEASE</thymeleaf.version>
		<thymeleaf-layout-dialect.version>2.0.4</thymeleaf-layout-dialect.version>
	</properties>

	<dependencies>
		<!-- springBoot的启动器 -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
	</dependencies>
</project>

3. 在src/main/resources/templates下新建page.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Thymeleaf-URL表达式</title>
	</head>
	<body>
		<a th:href="@{http://www.baidu.com}">Thymeleaf绝对路径-百度</a><br/>
		<a href="http://www.baidu.com">html绝对路径-百度</a>
		<hr/>
		<a th:href="@{/show}">相对路径</a>
		<hr/>
		<a th:href="@{~/images/java.jpg}">相对于服务器的根</a>
		<hr/>
		<a th:href="@{/page(id=1,name=zhangsan)}">相对路径-传参</a>
		<hr/>
		<a th:href="@{/article/details/{articleId}(articleId=1001)}">相对路径-restful</a>
	</body>
</html>

4. 在src/main/resources/templates/article/details下新建articledetails.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>文章详情</title>
	</head>
	<body>
		<h1><span th:text="${title}"></span></h1>
	</body>
</html>

5. 新建UserController.java

package com.bjbs.controller;

import java.util.HashMap;
import java.util.Map;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class UserController {
	@RequestMapping("/show")
	@ResponseBody
	public Map<String, Object> showInfo(Model model) {
		Map<String, Object> map = new HashMap<>();
		map.put("msg", "HelloWorld");
		return map;
	}

//	PathVariable路径变量
	@RequestMapping("/{page}")
	public String pathVariable(@PathVariable String page, Integer id, String name) {
		System.out.println("pathVariable page = " + page + ", id = " + id + ", name = " + name);
		return page;
	}
	
	@RequestMapping("/article/details/{articleId}")
	public String restful(@PathVariable Integer articleId, Model model) {
		System.out.println("restful articleId = " + articleId);
		// 数据库查询articleId的文章
		model.addAttribute("title", "第" + articleId + "篇文章的标题");
		return "article/details/articledetails";
	}
}

6. 新建App.java

package com.bjbs;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * SpringBoot启动类
 */
@SpringBootApplication
public class App {
	public static void main(String[] args) {
		SpringApplication.run(App.class, args);
	}
}

7. 启动项目, 并使用浏览器访问

8. 访问Thymeleaf绝对路径-百度

9. 访问相对路径

10. 访问相对于服务器的根

11. 访问相对路径-传参

12. 访问相对路径-restful

自由与束缚JavaJavaScript

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
015_SpringBoot视图层技术thymeleaf-URL表达式

1. url表达式: th:href和th:src。2. url表达式基本语法: @{}。3. 绝对路径: <a th:href="@{http://www.baidu.com}">Thymeleaf绝对路径-百度</a>。4. 相对路径4.1. 相对于当前项目的根, 相对于项目的上下文的相对路径: <a th:href="@{/show}">相对路径</a>。4.2. 相对于服务器(Tomcat)路径的根: <a th:href="
复制链接

扫一扫

专栏目录