SpringBoot入门系列(二)-------静态资源的访问

版权声明:原创 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;
}

看一下效果:

猜你喜欢

转载自blog.csdn.net/rambler_designer/article/details/89022328