第六章：thymeleaf頁面模版-2. 路徑處理

時間 2019-11-13

標籤第六 thymeleaf 頁面模版路徑處理简体版

原文原文鏈接

在進行普通的 WEB 開發過程之中，路徑的處理操做是最爲麻煩的，由於若是要想進行方便的路徑定位最好使用完整路徑，須要明確的寫上你的協議、你的主機名稱、端口、虛擬目錄的名稱。這些處理的難點在 thymeleaf 完全消失了，由於其路徑訪問變得至關容易。javascript

在 src/main/view/static/js 目錄裏面建立有一個 main.js 文件；html

window.onload = function() {
	console.log("****** www.mldn.cn ******") ;
}

2.若是後續要想進行方便的訪問，能夠使用"@{}"進行一個訪問的定位處理。java

message_show_style.html網站

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>SpringBoot模版渲染</title>
	<script type="text/javascript" th:src="@{/js/main.js}"></script> 
	<link rel="icon" type="image/x-icon" href="/images/mldn.ico"/>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
	<a href="aa.html" th:href="@{/show}">訪問</a>
	<hr/>
	<p th:text="'官方網站：' + ${url}"/>
	<p th:utext="'官方網站：' + ${url}"/>
	<hr/>
	<h2 th:text="#{welcome.url}"/>
	<h2 th:text="#{welcome.msg('xiaoli')}"/>
	<hr/>
	<p th:utext="'官方網站：' + ${url} + '、數學計算：' + (1 + 2)"/>
</body>
</html>

<script type="text/javascript" th:src="@{/js/main.js}"></script>

之後若是要想在頁面中進行資源的定位必定要使用"@{路徑}"完成,並且必定要使用thymeleaf標籤。ui

3.並且在之後進行制定路徑訪問的時候你也能夠使用"@{路徑}"形式訪問Action控制器url

<a th:href="@{/show}">訪問</a>

<a href="aa.html" th:href="@{/show}">訪問</a>

若是你在使用超連接的時候設置了"href"和"th:href"的話，那麼前者的html元素屬性將無效。code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。