在Thymeleaf中使用th:href标记构建 URL

刺骨的言语ヽ痛彻心扉 2023-09-25 12:13 40阅读 0赞

### 1. 引言 ###

Thymeleaf 提供了一种使用**链接表达式**`@{...}`创建URL的简单方法。在本文中，我们将介绍几种方法来构建用于链接的 URL，并为应用程序包含外部资源。

### 2. 绝对网址 ###

**绝对**URL 用于构建指向其他服务器的链接。它们以协议名称`http://`或`https://`开头。除非您在服务器上配置了 *URL 重写过滤器*，否则 Thymeleaf 引擎不会更改它们。

在此示例中，我们创建一个指向`https://frontbackend.com/tag/thymeleaf`的绝对 URL：

<a th:href="@{https://frontbackend.com/tag/thymeleaf}">Thymeleaf</a>

输出如下：

<a href="https://frontbackend.com/tag/thymeleaf">Thymeleaf</a>

### 3. 上下文相对网址 ###

这种 URL 是 Web 应用程序中最常用的 URL。**上下文相对**URL 相对于服务器上配置的 Web 应用程序根上下文。例如，如果您的Spring Boot应用程序使用上下文路径，那么您的`application.properties`中有一个参数`server.contextPath=/myapp`，则`myapp`将是上下文名称。

上下文相对网址以`/` 开头。

例如，提供如下链接：

<a th:href="@{/tag/thymeleaf}">Thymeleaf</a>

对于在上下文`myapp`中提供的应用程序，输出将如下所示：

<a href="/myapp/tag/thymeleaf">Thymeleaf</a>

对于没有根上下文的应用程序，输出将如下所示：

<a href="/tag/thymeleaf">Thymeleaf</a>

### 4. 服务器相对网址 ###

**相对于服务器**URL 类似于上下文相关的 URL，但在本例中，您可以指向不同的上下文，而不是应用程序服务器上配置的`root`上下文。

在以下示例中，尽管您的应用服务器在上下文`myapp`中运行，使用该结构：

<a th:href="@{~/tag/thymeleaf}">Thymeleaf</a>

将忽略它并生成以下输出：

<a href="/tag/thymeleaf">Thymeleaf</a>

### 5. 协议相对网址 ###

**协议相对**URL 通常用于包含外部资源，如样式、脚本、图像等。这种URL的工作方式类似于文件系统中的绝对路径，并保留配置的协议：HTTP或HTTPS。

以下示例使用协议相对 URL 包含`script.js`在网站`https://frontbackend.com`上：

<script th:src="@{//frontbackend.com/script.js}"></script>

它将呈现未修改：

<script src="//frontbackend.com/script.js"></script>

### 6. 带参数的网址 ###

要将**查询参数**添加到URL，您必须将它们放在括号`( )`中。

例如，添加到 URL 的一个查询参数将如下所示：

<a th:href="@{/tags(tag='thymeleaf')}">thymeleaf</a>

这将产生以下输出：

<a href="/tags?tag=thymeleaf">thymeleaf</a>

请注意，使用的任何特殊字符都将是 HTML 转义的。

要提供许多参数，请用逗号分隔它们：

<a th:href="@{/tags(tag='thymeleaf',order=1,sort=true)}">thymeleaf sorted</a>

上面的示例将呈现如下：

<a href="/tags?tag=thymeleaf&order=1&sort=true">thymeleaf sorted</a>

### 7. 网址片段标识符 ###

**片段标识符**可以包含在 URL 中，并且在呈现的 HTML 中将始终包含它们。

例如，下面的代码：

<a th:href="@{/tags#all_tags(action='show')}">tags</a>

将呈现为以下网页：

<a href="/tag?action=show#all_tags">tags</a>

### 8. 在网址中使用表达式 ###

百里叶允许您提供使用动态参数构建的复杂URL。

在以下示例中，我们使用表达式`${customer.id}`和条件`${customer.active}`在应用程序内创建动态链接：

<a th:href="@{/customers(id=${customer.id},action=(${customer.active} ? 'show_active' : 'show_limited'))}">customer details</a>

当`${customer.id}`计算到`1000`并`${custoemr.active}为``true`呈现输出时，输出将如下所示：

<a href="/customers?id=1000&action=show_active">customer details</a>

### 9. 结论 ###

在本文中，我们介绍了几种在百里叶模板中创建URL的方法。百里叶提供了构建具有动态参数的复杂URL的机制。

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关使用thymeleaf时，在js中使用java对象

注意事项首先要在js代码部分加入：th:inline=“javascript”，例如： <script type="text/javascript" th:inl

怼烎@/ 2023年10月07日 13:53/ 0 赞/ 11 阅读

相关 thymeleaf如何取url中请求参数值？

> 需求：例如请求url链接为：[http://localhost:8080/community/service?cid=1][http_localhost_8080_comm

迷南。/ 2023年10月03日 19:22/ 0 赞/ 50 阅读

相关在雅加达EE服务中使用Thymeleaf

在本教程中，我将向您展示如何将百里叶与雅加达 EE Servlet 集成，以替换在雅加达 EE Servlet 应用程序中使用 JSP。首先，我将创建一个新的[雅加达 EE

超、凢脫俗/ 2023年09月25日 12:17/ 0 赞/ 57 阅读

相关如何在Thymeleaf 模板中使用片段Fragments

1. 引言在本文中，我们将展示如何在Thymeleaf 模板中使用片段。表示可包含在其他模板中的模板片段的片段。它可以是页眉，菜单，页脚和文档的任何其他部分，通常在许多

青旅半醒/ 2023年09月25日 12:13/ 0 赞/ 70 阅读

相关在Thymeleaf中使用th:href标记构建 URL

1. 引言 Thymeleaf 提供了一种使用链接表达式`@{...}`创建URL的简单方法。在本文中，我们将介绍几种方法来构建用于链接的 URL，并为应用程序包含外部资

刺骨的言语ヽ痛彻心扉/ 2023年09月25日 12:13/ 0 赞/ 41 阅读

相关 Thymeleaf拼接URL，字符和请求参数使用

使用Thymeleaf来创建一个 http://localhost:8081/news/list/all?page=1&size=10 这样的url，现在希望“al

刺骨的言语ヽ痛彻心扉/ 2023年07月15日 09:02/ 0 赞/ 22 阅读

相关如何在Thymeleaf中构造ajax请求的url（SpringBoot+Thymeleaf拼接URL，字符和请求参数参数变化）

1.在ajax请求的时候拼接basePath ，可以将basePath 设置成全局变量，或者设置成ajax请求从后台获取定义在yaml文件中的basePath 的值。

爱被打了一巴掌/ 2023年02月22日 15:54/ 0 赞/ 14 阅读

相关在SpringMVC 中使用 Thymeleaf 模板引擎

Thymeleaf提供了一组Spring集成，允许您将其用作Spring MVC应用程序中全面替代JSP的功能。 Maven依赖 <!-- thymeleaf-sp

我会带着你远行/ 2022年06月15日 05:58/ 0 赞/ 231 阅读

相关在JavaScript中使用Thymeleaf表达式

前台JavaScript中需要使用后台传递的数据时，通常做法是把数据保存在hidden元素中，然后在JavaScript中使用jQuery读取hidden的value。最近

心已赠人/ 2022年05月27日 06:25/ 1 赞/ 675 阅读

相关 10）Thymeleaf 标记选择器语法

目录标记选择器语法基本语法使用高级属性选择功能 jQuery式选择器多值类匹配 -------------------- 标记选择器语法

川长思鸟来/ 2022年04月11日 03:55/ 0 赞/ 275 阅读