SpringBoot项⽬中如何访问HTML页⾯
⽬录
1、将HTML页⾯存放在resources/static⽬录下的访问
2、将HTML页⾯存放在resources/templates⽬录下的访问
2.1 ⽅式⼀
解决SpringBoot不能直接访问templates⽬录下的静态资源(不推荐)
2.2 ⽅式⼆
通过Controller控制器层跳转访问的资源(推荐)
SpringBoot默认的页⾯映射路径(即模板⽂件存放的位置)为“classpath:/templates/*.html”。静态⽂件路径
为“classpath:/static/”,其中可以存放JS、CSS等模板共⽤的静态⽂件。
1、将HTML页⾯存放在resources/static⽬录下的访问
将HTML页⾯存放在 resources(资源⽬录)下的 static ⽬录中。
【⽰例】在static⽬录下创建test1.html页⾯,然后在static⽬录下创建view⽬录,在view⽬录下创建test2.html页⾯,实现在浏览器中的访问。项⽬结构如下图:
(1)在static⽬录下创建test1.html页⾯,页⾯代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试页⾯1</title>
<meta name="author" content="pan_junbiao的博客">
</head>
<body>
<h3>测试页⾯1</h3>
<p>您好,欢迎访问 pan_junbiao的博客</p>
<p>blog.csdn/pan_junbiao</p>
</body>
</html>
执⾏结果:
(2)在static⽬录下创建view⽬录,在view⽬录下创建test2.html页⾯,页⾯代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试页⾯2</title>
<meta name="author" content="pan_junbiao的博客">
</head>
<body>
<h3>测试页⾯2</h3>
<p>您好,欢迎访问 pan_junbiao的博客</p>
<p>blog.csdn/pan_junbiao</p>
</body>
</html>
执⾏结果:
2、将HTML页⾯存放在resources/templates⽬录下的访问将HTML页⾯存放在 resources(资源⽬录)下的 templates ⽬录中。
【⽰例】在templates⽬录下创建test3.html页⾯,实现在浏览器中的访问。
在templates⽬录下创建test3.html页⾯,页⾯代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试页⾯3</title>
<meta name="author" content="pan_junbiao的博客">
</head>
<body>
<h3>测试页⾯3</h3>
<p>您好,欢迎访问 pan_junbiao的博客</p>
<p>blog.csdn/pan_junbiao</p>
</body>
</html>
2.1 ⽅式⼀
解决SpringBoot不能直接访问templates⽬录下的静态资源(不推荐)
SpringBoot项⽬下的templates⽬录的资源默认是受保护的,没有开放访问权限。这是因为templates⽂件夹,是放置模板⽂件的,因此需要视图解析器来解析它。所以必须通过服务器内部进⾏访问,也就是要⾛控制器→服务→视图解析器这个流程才⾏。同时,存在安全问题,⽐如说,你把你后台的html⽂件放到templates,⽽这个⽂件夹对外⼜是开放的,就会存在安全隐患。
解决⽅法:在l或者application.properties配置⽂件中将访问权限开放(不推荐)
spring:
resources:
static-locations: classpath:/META-INF/resources/, classpath:/resources/, classpath:/static/, classpath:/public/, classpath:/templates/ application.properties⽂件配置:
配置完成后,启动SpringBoot,在浏览器中输⼊地址就可以直接访问templates⽬录下的静态资源了。
springboot结构执⾏结果:
2.2 ⽅式⼆
通过Controller控制器层跳转访问的资源(推荐)
在源代码层中创建controller⽬录(控制器层),在controller⽬录下创建IndexController(⾸页控制器类),项⽬结构如下图:
(1)l⽂件的配置
注意:⼀定要添加thymeleaf的依赖。
<!-- thymeleaf依赖 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
(2)编写控制器⽅法
创建IndexController(⾸页控制器类),代码如下:
package com.ller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/**
* ⾸页控制器
* @author pan_junbiao
**/
@Controller
public class IndexController
{
@RequestMapping("/test3")
public String test3()
{
return "test3";
}
}
执⾏结果:
以上为个⼈经验,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论