SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点

SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点_第1张图片

static和templates 是springboot默认创建的文件夹,static中放静态页面,而templates中放动态页面

存放在static目录下,浏览器可以直接访问 http://localhost:8080/index.html,图片资源以及css,js可以放在此目录下,而templates 不能访问

若整合thymeleaf,需要引入jar  

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

编写controller进行跳转 

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.HashMap;

@Controller
public class IndexController {


    /*
        本地访问内容地址 :http://localhost:8080/hello
     */
    @RequestMapping("/hello")
    public String helloHtml(HashMap map) {
        map.put("hello", "欢迎进入HTML页面");
        return "/index";
    }

/*

    当引入了thymeleaf组件,动态跳转会覆盖默认的静态跳转
    想跳转到/static/index.html,可以使用重定向return "redirect:/index.html"

 */
    @RequestMapping("/hello2")
    public String hello2Html() {

        return "redirect:/index.html";
    }


}

动态的html代码




    
    templates中放动态页面


templates中放动态页面

 

静态html代码




    
    static中放静态页面



    

static中放静态页面

 

效果图如下

SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点_第2张图片                  SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点_第3张图片

 

 

若在static下创建文件夹如css,js,images,必须在application.yml文件中进行声明,即使是默认的配置,否者无法访问

mvc:
  static-path-pattern: /**

 

SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点_第4张图片

 

 

转载于:https://my.oschina.net/shanesen/blog/3015059

你可能感兴趣的:(SpringBoot访问静态资源(图片、html)以及整合thymeleaf 注意点)