Thymeleaf中URL表达式语法

最新推荐文章于 2024-05-29 17:20:28 发布

代码就是6

最新推荐文章于 2024-05-29 17:20:28 发布

阅读量4.5k

点赞数

分类专栏：操作文档 —— JAVA —— Spring全家桶文章标签： Thymeleaf SpringBoot URL RESTFul

本文链接：https://blog.csdn.net/it_oheasy/article/details/94010932

版权

操作文档 —— JAVA —— Spring全家桶专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、目标

使用Thymeleaf时，如何编写绝对路径和相对路径，以及如何传递参数给Controller

二、效果演示

2.1 使用绝对路径，从当前项目跳转到其它站点，如百度：

2.2 使用x相对路径，从/index.html跳转到/dir/other.html

2.3 从index.html跳转到ParamController中，同时传递参数

三、操作步骤

1、创建Maven工程
2、添加SpringBoot的起步依赖

<?xml version="1.0" encoding="UTF-8"?>
<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>oheasy.thymeleaf</groupId>
    <artifactId>thymeleaf-url</artifactId>
    <version>1.0-SNAPSHOT</version>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.1.RELEASE</version>
    </parent>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <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、添加启动类

package oheasy.thymeleaf;

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

/**
 * @Author oheasy
 * @Email oheasy@qq.com
 * @Version 1.0
 */
@SpringBootApplication
public class App {
    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}

4、 url表达式基本语法：@{}

4.1、绝对路径

点击本地连接直接跳转到百度

在resources目录下创建templates目录
在templates目录下添加index.html
在index.html中添加链接：<a th:href="@{http://www.baidu.com}">绝对路径 ---> 百度</a>

完整代码如下：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>测试URL</title>
</head>
<body>
   <div>
      <a th:href="@{http://www.baidu.com}">绝对路径 ---> 百度</a>
   </div>
</body>
</html>

4.2 相对路径

相对于当前项目的根目录

4.2.1 在index.html中添加链接，点击后跳转到dir目录下的other.html

4.2.2 在templates目录下创建子目录dir，在dir中添加other.html

other.html中添加一些标识文字

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>other.html</title>
</head>
<body>
   dir/other.html
</body>
</html>

4.2.3 添加通用Controller类PageController

package oheasy.thymeleaf.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class PageController {
    @RequestMapping("/{dir}/{page}")
    public String page(@PathVariable String dir,@PathVariable String page){
        return dir+"/"+page;
    }
}

4.2.4 在index.html中添加超链接（restful风格），让它跳转到PageController

<div>
   <a th:href="@{/dir/other}">相对路径 ---> dir/other.html</a>
</div>

4.3在url中实现参数传递

4.3.1 添加User实体类，用于接下来的的参数封装

package oheasy.thymeleaf.entity;

public class User {
    private Integer id;
    private String name;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                '}';
    }
}

4.3.2 在Controller中添加ParamController，用于接收参数

package oheasy.thymeleaf.controller;

import oheasy.thymeleaf.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class ParamController {
    @RequestMapping("/getParam")
    public String getParam(User user){
        System.out.println(user.toString());
        return "dir/other.html";
    }
}

4.3.3 在index页面添加带参链接

<div>
   <a th:href="@{/getParam(id=1,name=oheasy)}">传参数 </a>
</div>

4.3.4运行结果

代码就是6

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
Thymeleaf中URL表达式语法

一、目标使用Thymeleaf时，如何编写绝对路径和相对路径，以及如何传递参数给Controller二、效果演示2.1 使用绝对路径，从当前项目跳转到其它站点，如百度：2.2 使用x相对路径，从/index.html跳转到/dir/other.html2.3 从index.html跳转到ParamController中，同时传递参数三、操作步骤1、 ...
复制链接

扫一扫