Thymeleaf 链接引用例子

最新推荐文章于 2023-07-21 08:41:24 发布

前方太黑暗

最新推荐文章于 2023-07-21 08:41:24 发布

阅读量1.3k

点赞数 2

分类专栏： Thymeleaf 文章标签： Thymeleaf 链接引用 @{~} @{}

本文链接：https://blog.csdn.net/xcc_2269861428/article/details/101439766

版权

Thymeleaf 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

目录结构：

1、第一种使用@{}来引用

使用/是相对于应用程序上下文

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/aa.css}"/>
</head>
<body>
<p class="aa">测试链接引用</p>
</body>
</html>

2、第二种使用相对路径也就是(../) 在这种情况下，应用程序上下文将不会作为URL的前缀

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{../css/cc.css}"/>
</head>
<body>
<p class="cc">测试链接引用</p>
</body>
</html>

3、第三种使用@{~}

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{~/../css/aa.css}"/>
</head>
<body>
<p class="aa">测试链接引用2</p>
</body>
</html>

个人感觉他跟第一种差不多。。“~”只能出现一次，在链接上，不能写成“~/~/cc.css” 这样，会报404

4、使用// 浏览器将使用在显示的页面中使用的相同的HTTP或HTTPS协议

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{//localhost:8080/css/cc.css}"/>
</head>
<body>
<p class="cc">测试链接引用</p>
</body>
</html>