在进行普通的WEB开发过程之中,路径的处理操作是最为麻烦的,因为如果想要进行方便的路径定位最好使用
完整路径,需要明确的写上你的协议、你的主机的名称、端口、虚拟目录的名称。这些处理的难点在thymeleaf
里面彻底消失了,因为路径访问变得相当容易。
1、在src/main/static/js目录里面创建有一个main.js
window.onload = function(){
console.log("****** www.baidu.com ******");
}
2、如果后续要想进行方便的访问,可以使用"@{}"进行一个访问的定位处理.
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/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html;charse=UTF-8">
</head>
<body>
<p th:utext="'官方网站:' + ${url} + '、数学计算:' + (1 + 2)"/>
</body>
</html>
message_info.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>SpringBoot模板渲染</title>
<script type="text/javascript" th:src="@{/js/main.js}"></script>
<meta http-equiv="Content-Type" content="text/html;charse=UTF-8">
</head>
<body>
<h1>www.baidu.com</h1>
</body>
</html>
@RequestMapping(value = "message/showStyle", method = RequestMethod.GET)
public String showStyle(Model model) { // 通过model可以实现内容的传递
model.addAttribute("url", "<span style='color:red'>www.mldn.cn</span>");
return "message/message_show_style";
}
以后如果要想在页面中进行资源的定位一定要使用"@{路径}"完成,而且一定要使用thymeleaf标签.
3、而且在以后进行指定路径访问的时候你也可以使用"@{}"形式访问控制器
@RequestMapping(value = "/show", method = RequestMethod.GET)
public String show(String mid,Model model) { // 通过model可以实现内容的传递
model.addAttribute("url", "www.1234.cn"); // request属性传递包装
model.addAttribute("mid", mid); // request属性传递包装
// 此处只返回一个路径, 该路径没有设置后缀,后缀默认是*.html
return "message/message_show";
}
<!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/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html;charse=UTF-8">
</head>
<body>
<p th:utext="'官方网站:' + ${url} + '、数学计算:' + (1 + 2)"/>
<a th:href="@{/show}" th:text="访问"></a>
</body>
</html>
<a href="aa.html" th:href="@{/show}" th:text="访问"></a>
如果你在使用超链接的时候设置了"href" 和 "th:href" 的话,那么前者的html元素的默认属性将无效.