版权声明:原创 https://blog.csdn.net/rambler_designer/article/details/89022328
前言
个人对SpringBoot的浅薄理解,SpringBoot的web项目相比如传统SSH,SSM,它基本可以省略webapp这个文件夹,而将所有静态资源放在src/main/resources这个文件夹下
对于静态资源,如js,css,image,font等,放在resources/static文件夹下面,可以建立不同文件夹分开放
对于html,freemarker这些模板文件,则放在resources/templates这个文件夹下,SpringBoot的自动扫描机制会扫描这些文件夹
项目目录结构如下(欢迎大佬指正)
大家可以看一下编译输出路径
源代码编译生成的包和这些静态文件在一个目录下,因此在访问的时候,直接访问根目录即可
比如我要访问images/bg.png
就访问http://localhost/images/bg.png(我配置了80端口)
效果:
js和css这些静态资源类似
比如我通过控制器返回index.html,在html下访问css文件的例子给大家参考一下
index.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Getting Started: Serving Web Content</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../css/base.css"/>
<script src="../js/index.js"></script>
</head>
<body>
<h1 th:text="'Hello, ' + ${name} + '!'" />
</body>
</html>
这里我用到了thymeleaf,需要添加一下依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
我在css文件中对文字颜色进行了修改
h1{
color:red;
}
看一下效果: