springboot项目添加html

- 日理万妓 2022-01-26 08:13 283阅读 0赞

1.application.yml 配置

spring:
      thymeleaf:
        prefix: classpath:/templates/
        suffix: .html
        mode: LEGACYHTML5
        cache: false
    
    server:
      port: 29000

2.pom.xml配置

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

3.controller写法

package com.xjn.demo.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class PageController {
    
    	//通过controller返回html界面
        @RequestMapping("/test")
        public  String testJumpPage(){
            return "test";
        }
        
        //通过controller返回html界面
        @RequestMapping("/index")
        public  String indexJumpPage(){
            return "index";
        }
    }

4.html写法，html位置：`demo\src\main\resources\templates\index.html`  
`demo\src\main\resources\templates\test.html`  
index.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>spring boot web project</title>
    </head>
    <body>
        <div>spring boot web project index.html</div>
        
        <img src="img/a123.jpg">
    </body>
    </html>

test.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>spring boot web project</title>
    </head>
    <body>
        <div>==================spring boot web project test=======================</div>
    </body>
    </html>

5.启动项目，浏览器访问html，通过controller返回html界面：  
[http://localhost:29000/index][http_localhost_29000_index]  
[http://localhost:29000/test][http_localhost_29000_test]

[http_localhost_29000_index]: http://localhost:29000/index
[http_localhost_29000_test]: http://localhost:29000/test