溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

發(fā)布時(shí)間：2020-05-06 13:05:19 來(lái)源：網(wǎng)絡(luò) 閱讀：1553 作者：Qiu_CJ 欄目：web開(kāi)發(fā)

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

一、SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面

1、在pom.xml中添加spring-boot-starter-thymeleaf。

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

2、在templates下建立a.html文件，新建qiu文件夾，并且在qiu文件夾中創(chuàng)建b.html

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

a.html內(nèi)容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>AAaaAA</h2>
</body>
</html>

b.html文件內(nèi)容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>BBbbBB</h2>
</body>
</html>

3、在controller中寫一個(gè)返回該頁(yè)面的controller【此時(shí)不能使用@RestController，否則會(huì)返回字符串】

package com.sic.equipment.controller;

import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@EnableAutoConfiguration
@RequestMapping("/a")
public class TestController {
    @RequestMapping("/2")
    public String aa(){
        return "a";
    }

    @RequestMapping("/3")
    public String ab(){
        return "qiu/b";
    }
}

4、瀏覽器中分別訪問(wèn)訪問(wèn)：http://127.0.0.1:502/1/2 和 http://127.0.0.1:502/1/3

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

二、靜態(tài)文件放置位置

1、靜態(tài)文件放置為，index.html放置在templates中，其他的如js文件夾、css文件夾、image文件夾等放在static目錄下

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

2、html文件中的路徑修改
使用類似絕對(duì)路徑的形式，如：/image/1.png，不能寫成../static/image/1.png

SpringBoot跳轉(zhuǎn)到靜態(tài)html頁(yè)面&&靜態(tài)文件放置位置

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手