springboot搭建web項目(.html)

創建個簡單的spring-boot。網上示例很多，例如：https://blog.csdn.net/qq_27317475/article/details/81119098

 

本文主說疑惑點和常見問題（文末git上有完整springboot+html+css的demo）：

1：spring-boot已經搭建完成了，然后需要集成靜態html等資源；

從模板之家（http://www.cssmoban.com/tags.asp?n=UI）拉取了適合風格的UI模板，想直接修改后使用。試了半天一直報錯；

搞了一會，發現需要使用模板引擎。於是引入了：

<!--模板引擎-->
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>


加上之后確實可以了；不過頁面卻是這個樣子的：

這肯定不對啊，我拉取的模板那么漂亮，怎么可能是這個樣子。F12看了下瀏覽器控制台；發現好多404：

ok，說明html引入的css、icon、js等文件未找到。可是路徑明明又沒問題...

網上查詢一番，說thymeleaf模板使用時，引入文件需要更換格式；

比如正常的 <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">  要改為 <link rel="stylesheet" th:href="@{vendor/bootstrap/css/bootstrap.min.css}">

src=""等語法可能要需要更換；

這肯定不是我想要的啊...我要搞的是拉下來直接使用的html/css/js...而不是去修改一坨的src。而且無緣無故的使用這種標簽看着也不爽。

 

okok、閑話少說；直接正題：

 

直接這樣，把靜態資源(圖片/js/css等)放入static目錄（路徑引用什么的也不用改動）、

再次啟動后訪問：

 

感覺世界清爽了好多..

附git_demo鏈接：https://github.com/hexihaohao/demo；

End.