SpringBoot---靜態頁面加載

Thymeleaf模板配置：

maven添加支持以下：

<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>

application.properties添加以下配置：

# 定位模板的目錄 spring.mvc.view.prefix=classpath:/templates/ # 給返回的頁面添加後綴名 spring.mvc.view.suffix=.html

controller返回頁面：

@GetMapping("/index") public String index(){ return "home"; //當瀏覽器輸入/index時，會返回 /templates/home.html頁面 }

注意：
 spring boot默認開啓了靜態文件的配置，任何放在static文件夾下的資源都是靜態文件。引用靜態文件時以/或者前綴不加任何定位符，都會去static文件夾下查找。 

 Thymeleaf模版默認會使用templatess做爲視圖文件下

/

返回純靜態html，時下，比較流行的是先後端分離，前端作路由，前端的開發不使用模板。在這種狀況下，使用模板就顯得有些臃腫了。

spring boot返回靜態頁面的方式很是方便，首先須要移除maven的thymeleaf依賴。

非controller模式
這種模式不使用controller，將html和css,js同等對待。這種模式下，html中的若是不加/，則會定位到當前頁面。
要看到返回靜態頁面，只須要將以前的home.html移到static文件夾下。並刪除controller和註釋掉application.properties中的配置便可。直接在瀏覽器中輸入：http://localhost:8080/index.html。

controller模式
習慣上，咱們仍是多使用/index方式，而不是index.html方式。
爲此仍是須要controller。

# 定位頁面的目錄到static/下
spring.mvc.view.prefix=/
spring.mvc.view.suffix=.html

controller固然也是須要的，和以前同樣：

@GetMapping("/index")
public String index(){
return "home"; //當瀏覽器輸入/index時，會返回 /static/home.html的頁面
}
到這裏就能夠了。不在須要額外配置。在瀏覽器中輸入：http://localhost:8080/index就能夠定位到static下的index.html頁面了。

 

注意點：

通常若是隻把框架作爲url路由，最好的作法是在靜態資源和視圖View創建相同的文件，視圖在經過框架在相應的目錄查找，靜態資源則路由到static目錄下去查找。

看以下項目結構：

 

更改靜態資源默認的訪問路徑

上面說到/resources/static靜態資源的默認請求路徑爲/ 。假如個人靜態資源位於/resources/static/dist目錄下，可是我不想將請求改成/dist（這裏要注意一下html中引用其它資源的相對路徑若是是./xxx 在本地更改真個文件加的路徑引用的資源文件是可以正常定位，可是在web容器中./xxx需改成/dist/xxx ，這裏涉及到web根路徑和本地文件路徑的問題）能夠在application.properties加以下配置： spring.resources.static-locations=classpath:/static/dist/ 這樣當咱們訪問/ 時實際定位的資源文件位置是/resources/static/dist 這樣就避免了當更改資源文件的位置時須要更改html中的所有引用。