本文例程: https://files.cnblogs.com/files/heyang78/mediaCool_211010pm.rar
src/main/resources/templates 這個目錄如果不存在就手動創建,它用於放置你要顯示的網頁
src/main/resources/static 這個目錄如果不存在就手動創建,它用於放置你的網頁用到的js、css、img等。
下面是我一個項目MediaCool的目錄截圖:
然后,index.html是這樣引用img、js和css的:
<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="stylesheets/theme.css"> <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css"> <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
由上可以看出,static目錄不用明寫,Thymeleaf知道去這個目錄查找。
最后可以瞅一眼Index.html在Tomcat里表現的樣子。
END