快捷導(dǎo)航

SpringBoot項(xiàng)目中如何訪問(wèn)HTML頁(yè)面

更新時(shí)間：2021年11月30日 15:19:49 作者：pan_junbiao

這篇文章主要介紹了SpringBoot項(xiàng)目中如何訪問(wèn)HTML頁(yè)面，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

1、將HTML頁(yè)面存放在resources/static目錄下的訪問(wèn)

將HTML頁(yè)面存放在 resources（資源目錄）下的 static 目錄中。

【示例】在static目錄下創(chuàng)建test1.html頁(yè)面，然后在static目錄下創(chuàng)建view目錄，在view目錄下創(chuàng)建test2.html頁(yè)面，實(shí)現(xiàn)在瀏覽器中的訪問(wèn)。項(xiàng)目結(jié)構(gòu)如下圖：

（1）在static目錄下創(chuàng)建test1.html頁(yè)面，頁(yè)面代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>測(cè)試頁(yè)面1</title>
    <meta name="author" content="pan_junbiao的博客">
</head>
<body>
    <h3>測(cè)試頁(yè)面1</h3>
    <p>您好，歡迎訪問(wèn) pan_junbiao的博客</p>
    <p>https://blog.csdn.net/pan_junbiao</p>
</body>
</html>

執(zhí)行結(jié)果：

（2）在static目錄下創(chuàng)建view目錄，在view目錄下創(chuàng)建test2.html頁(yè)面，頁(yè)面代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>測(cè)試頁(yè)面2</title>
    <meta name="author" content="pan_junbiao的博客">
</head>
<body>
    <h3>測(cè)試頁(yè)面2</h3>
    <p>您好，歡迎訪問(wèn) pan_junbiao的博客</p>
    <p>https://blog.csdn.net/pan_junbiao</p>
</body>
</html>

執(zhí)行結(jié)果：

2、將HTML頁(yè)面存放在resources/templates目錄下的訪問(wèn)

將HTML頁(yè)面存放在 resources（資源目錄）下的 templates 目錄中。

【示例】在templates目錄下創(chuàng)建test3.html頁(yè)面，實(shí)現(xiàn)在瀏覽器中的訪問(wèn)。

在templates目錄下創(chuàng)建test3.html頁(yè)面，頁(yè)面代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>測(cè)試頁(yè)面3</title>
    <meta name="author" content="pan_junbiao的博客">
</head>
<body>
    <h3>測(cè)試頁(yè)面3</h3>
    <p>您好，歡迎訪問(wèn) pan_junbiao的博客</p>
    <p>https://blog.csdn.net/pan_junbiao</p>
</body>
</html>

2.1 方式一

解決SpringBoot不能直接訪問(wèn)templates目錄下的靜態(tài)資源（不推薦）

SpringBoot項(xiàng)目下的templates目錄的資源默認(rèn)是受保護(hù)的，沒(méi)有開(kāi)放訪問(wèn)權(quán)限。這是因?yàn)閠emplates文件夾，是放置模板文件的，因此需要視圖解析器來(lái)解析它。所以必須通過(guò)服務(wù)器內(nèi)部進(jìn)行訪問(wèn)，也就是要走控制器 → 服務(wù) → 視圖解析器這個(gè)流程才行。同時(shí)，存在安全問(wèn)題，比如說(shuō)，你把你后臺(tái)的html文件放到templates，而這個(gè)文件夾對(duì)外又是開(kāi)放的，就會(huì)存在安全隱患。

解決方法：在application.yml或者application.properties配置文件中將訪問(wèn)權(quán)限開(kāi)放（不推薦）

application.yml文件配置：

spring:
  resources:
    static-locations: classpath:/META-INF/resources/, classpath:/resources/, classpath:/static/, classpath:/public/, classpath:/templates/

application.properties文件配置：

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,classpath:/templates/

配置完成后，啟動(dòng)SpringBoot，在瀏覽器中輸入地址就可以直接訪問(wèn)templates目錄下的靜態(tài)資源了。

執(zhí)行結(jié)果：

2.2 方式二

通過(guò)Controller控制器層跳轉(zhuǎn)訪問(wèn)的資源（推薦）

在源代碼層中創(chuàng)建controller目錄（控制器層），在controller目錄下創(chuàng)建IndexController（首頁(yè)控制器類），項(xiàng)目結(jié)構(gòu)如下圖：

（1）pom.xml文件的配置

注意：一定要添加thymeleaf的依賴。

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

（2）編寫控制器方法

創(chuàng)建IndexController（首頁(yè)控制器類），代碼如下：

package com.pjb.springboothtml.controller; 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
 
/**
 * 首頁(yè)控制器
 * @author pan_junbiao
 **/
@Controller
public class IndexController
{
    @RequestMapping("/test3")
    public String test3()
    {
        return "test3";
    }
}

執(zhí)行結(jié)果：