初遇SpringBoot踩坑与加载静态文件遇到的坑

                                            SpringBoot开发

1、创建SpringBoot项目

大家都知道SpringBoot开发非常快,创建SpringBoot项目时,勾上SpringWEB就正常开发,不需要任何配置文件就可以运行,写个后台Controller层接口即可做测试了。

你不相信?

真的有那么神奇的东西?

那我现在就创建一个项目来一起测试下,我的开发环境JDK版本1.8,想玩SpringBoot或Springcloud的小伙伴一定要用jdk1.8及以上的版本哦,这里用开发工具是STS也就是eclipse升级版,专门用来开发SpringBoot、SpringcCloud而研发的

 

 

 

项目创建完成了,

 

 

 

1.1 pom文件

 

这是我创建之后自生成的pom文件,可以看到除了SpringWeb和Springtest就没有其他的了

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.test</groupId>
    <artifactId>Test</artifactId>
    <version>1-SNAPSHOT</version>
    <name>Test</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <spring-boot.version>2.3.7.RELEASE</spring-boot.version>
    </properties>

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

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
        
    </dependencies>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-dependencies</artifactId>
                <version>${spring-boot.version}</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>
    </dependencyManagement>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.1</version>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                    <encoding>UTF-8</encoding>
                </configuration>
            </plugin>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>2.3.7.RELEASE</version>
                <configuration>
                    <mainClass>com.test.main.TestApplication</mainClass>
                </configuration>
                <executions>
                    <execution>
                        <id>repackage</id>
                        <goals>
                            <goal>repackage</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

</project>

1.2、热部署组件

当然,为了方便开发我们也可以加一个热部署组件,在开发中修改后台代码总需要无限关闭又重启项目的问题

这个组件就是devtools

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
</dependency>

devtools版本号的话无需多说,都是SpringBoot自己管理,都是有一一对应的

 

 

 

1.3、测试

 可以启动成功了,可以写测试接口了

 

 

 添加热部署后,不需要重启项目,直接来测试

 

 

 还不信,我们可以打个断点,用debug模式运行

 

 

 

 到这里,后台测试完成了,那么前台资源怎么弄,为什么说坑?

我们知道,如何是一个web项目的时候,我们是有一个webApp目录,但是我们项目现在是没有的,那要不要加进去?

而且我不知道大家有没有发现,我们创建项目的时候,用的是jar包的形式,不是war包

 

 

 

 

 为了测试方便,代码规范,我们把启动类的测试方法提取到controller层来

 

 

2、跳转前端页面

 

 问题来了,这怎么跳转到HTMl页面去呢

开始呀,我也就随便写个方法试试,好家伙跳了个寂寞,直接404

我不知道大家发现没,你们在写web项目时,controller注解使用的是个啥,不应该是@Controller注解么?

我用的是@RestController,这个注解又是什么鬼

不应该是说跳转页面么?怎么又说到注解了?大家别急看完就知道了

 

 

 这个@RestController注解的StringBoot独有的,它里面已经包含了@ResponseBody了,也正因为是标注在类上了,所以标注了@RestController的类不能实现页面跳转,

如果要跳转页面,重定向页面的话,只能新建一个controller类,标记上@Controller注解,千万别标记错了

 

 

 你以为这样就行了么?

想想你在开发SSM框架时,写的那么多配置文件,是不是有点太简单了

2.1、thymeleaf

那我告诉你,确实没有那么简单,但是也不难,我们还需要加上一个组件,这个组件的名字就是thymeleaf

它的pom是

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

这个玩意干嘛的?

这个就是java模板引擎,听起来是不是挺高大尚的,其实就是以前你们写SpringMVC的东西,就是加前端视图解析器等一些玩意啦

说那么多都没啥用,自己看一下SpringBoot对它的一些默认配置规则吧

 

 

 

 

 

看到这里应该就不需要在进行多说了吧,我们就不需要写SpringMVC的配置文件了,按照它默认的配置对应的放进去就好了

2.2、thymeleaf的使用

当然,thymeleaf如果就那么一点功能那就不会说他是高大尚了,以前用jsp开发时所有该有的功能,有了thymeleaf都可以用另外一个方式使用

那到底怎么用呢,这里我就简单介绍一下,具体怎么用,有哪些功能我感觉这个大佬教的还不错,可以瞅瞅

https://fanlychie.github.io/post/thymeleaf.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">   <!--一定要在html标签中加上哦-->
<head>
    <title>Index Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <p th:text="${message}">Welcome to BeiJing!</p><!--th:xxx     xxx指的是任意html属性都可以替换掉      ${后端传入前端的值}-->
</body>
</html>

 

3、SpringBoot静态资源映射规则

然后我们看一下SpringBoot静态资源配置映射规则

 

 

3.1、webjars

 

 

 默认为webjars找静态文件,webjars是个什么鬼?

就是把前端用到的文件打包成jar包的形式

 

 

 有兴趣的同学可以去瞅一眼

 

 

 

 导入之后就是这样的啦,刚好映射到SpringBoot静态资源默认路径

3.2、其他静态资源路径

除了webjars就没有其他静态资源路径了吗?其实还是有的,一路调试跟踪下我们来到了这里

 

 

 我们发现,最后存放静态资源文件路径就是这几个啦

/**
* 根路径下的子路径都是可以存放静态资源文件的
*/
private static final String[] CLASSPATH_RESOURCE_LOCATIONS = {
                     "classpath:/META-INF/resources/", // 这个是根路径
                     "classpath:/resources/",      // 根路径下的子路径

                     "classpath:/static/",        // 根路径下的子路径
                     "classpath:/public/"         // 根路径下的子路径
                     };

不信就直接上测试啦

 

 

 

 

 

 

所以知道怎么访问了吗?

访问静态资源的时候不需要加static、public等,但是如果是static 下的子文件夹就需要在路径上加上子文件名

比如是static下有一个abc文件夹,那么访问路径上就是这样啦   127.0.0.1:8080/abc.test.js

3.3、欢迎页存放路径

那我们的欢迎页放哪里呢

 

 

 

好了,关于静态资源文件的就那么多,不爱勿喷哦

 

 

 

 

 

 

 

 

默默地温故知新
posted @ 2021-06-04 15:44  沐颜小妖精  阅读(378)  评论(1编辑  收藏  举报