spring boot 创建web项目并使用jsp作前台页面

╰+攻爆jí腚メ 2022-02-19 15:13 159阅读 0赞

贼烦的是，使用spring boot 创建web项目，然后我再idea下创建的，but 仅仅启动spring boot的启动类，就算整个项目都是好着的，就算是能够进入controller中，也不能成功访问到jsp页面。很尴尬！也很无语！

好吧，开头一句抱怨，下面全靠编~~~

=======================================================================================================

1.idea下spring boot创建web项目

![978388-20171023000859646-858009564.png][]

![978388-20171023000931490-1678759661.png][]

![978388-20171023000943396-484522472.png][]

![978388-20171023000953818-232384349.png][]

刚创建完是下面这样

![978388-20171023001442865-873350161.png][]

当然，最后创建完的使用JSP的web项目可不是这个结构的。往下看。

2.pom.xml添加下面

![ExpandedBlockStart.gif][]

![复制代码][copycode.gif]

<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-web</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>jstl</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>org.apache.tomcat.embed</groupId>
                <artifactId>tomcat-embed-jasper</artifactId>
                <scope>provided</scope>
            </dependency>

![复制代码][copycode.gif]

上面这三个是spring boot项目创建使用jsp页面的web项目必须的三个依赖

这里介绍下maven中scope依赖范围的概念，因为后续涉及到这个会有问题。

依赖范围就是用来控制依赖和三种classpath(编译classpath，测试classpath、运行classpath)的关系，Maven有如下几种依赖范围：

*  **compile:**编译依赖范围。如果没有指定，就会默认使用该依赖范围。使用此依赖范围的Maven依赖，对于编译、测试、运行三种classpath都有效。典型的例子是spring-code,在编译、测试和运行的时候都需要使用该依赖。
 *  **test:** 测试依赖范围。使用次依赖范围的Maven依赖，只对于测试classpath有效，在编译主代码或者运行项目的使用时将无法使用此依赖。典型的例子是Jnuit,它只有在编译测试代码及运行测试的时候才需要。
 *  **provided:**已提供依赖范围。使用此依赖范围的Maven依赖，对于编译和测试classpath有效，但在运行时候无效。典型的例子是servlet-api,编译和测试项目的时候需要该依赖，但在运行项目的时候，由于容器以及提供，就不需要Maven重复地引入一遍。

3.创建webapp目录，并创建jsp页面在目录下

注意创建的目录层级关系

如果再创建jsp页面的时候，不能右键直接创建的话，可以http://www.cnblogs.com/sxdcgaq8080/p/7676294.html

![978388-20171023003316271-1634703245.png][]

![978388-20171023003347177-141759065.png][]

4.application.properties配置文件的完善

注意前缀 的值是 /WEB-INF/views/  而不是 /WEB-INF/views

少一个/ 整个访问的路径就是不完整的。

spring.mvc.view.prefix = /WEB-INF/views/
    spring.mvc.view.suffix = .jsp

![978388-20171023003556865-1802568097.png][]

因为webapp在刚刚上面创建jsp页面的时候，已经被指定为classpath了，也就是根路径了。

![978388-20171023004042802-246979471.png][]

所以现在，这里配置了mvc的【view】视图层前缀后缀，指定controller中寻找页面就去/WEB-INF/views/  下面去找.jsp文件了。

5.写一个跳转页面的controller层

![978388-20171023004411146-1973265012.png][]

![978388-20171023004535615-944308285.png][]

6.所以，最终项目的目录结构是这个样子的

![978388-20171023004653631-342592005.png][]

哦哦，这里有一个web目录，是可以删掉的，不过删不删也无所谓，没有多大的关系

7.最后一步，启动并且能访问

这里不是通过启动类去启动，而是需要通过spring-boot:run去启动

![978388-20171023004919193-697714490.png][]

右键 run 或者debug都可以

然后 启动起来之后在浏览器访问

![978388-20171023005050021-1730476237.png][]

是可以访问到的。

8.还有就是，如果把用于编译jsp的 这个插件的scope注解，也就是使用默认的scope

<dependency>
                <groupId>org.apache.tomcat.embed</groupId>
                <artifactId>tomcat-embed-jasper</artifactId>
                
            </dependency>

然后import 整个pom.xml文件之后。

再通过 启动  启动类的方式来启动spring boot项目的话，也是可以访问的到的【我把web目录删掉了】

![978388-20171023005610224-1463064886.png][]

通过启动spring-boot:run的方式也可以访问到。

=====================================================================================================

因为确实碰到很多小的点注意不到的地方，导致整个就是访问不到，反正上面该罗列的都罗列出来了。

[978388-20171023000859646-858009564.png]: /images/20220219/110b46d9a5a3487495d4e04c998d0f16.png
[978388-20171023000931490-1678759661.png]: /images/20220219/02e1572ae3ac46cc92939cc4bfc0fd23.png
[978388-20171023000943396-484522472.png]: /images/20220219/90577cbf61504170a10ebeb4cabc8025.png
[978388-20171023000953818-232384349.png]: /images/20220219/1c02aa0aadb0423a89ef0409d8e676e7.png
[978388-20171023001442865-873350161.png]: /images/20220219/83036e20381a4e0e839c632e6a3ede00.png
[ExpandedBlockStart.gif]: /images/20220219/f12ed14700674d1d8aa8cd9995bd7af6.png
[copycode.gif]: /images/20220219/b9e42f2c8004441eb31d1123bb8f07b7.png
[978388-20171023003316271-1634703245.png]: /images/20220219/91cd02922fb547e489ca6df4f43fc3f4.png
[978388-20171023003347177-141759065.png]: /images/20220219/a4c225d049bd4b88a0eb8091f011f92e.png
[978388-20171023003556865-1802568097.png]: /images/20220219/aebda445790f4211a9b405ba78de0c62.png
[978388-20171023004042802-246979471.png]: /images/20220219/4a2464fc81b64ccb8511703d8675a4dd.png
[978388-20171023004411146-1973265012.png]: /images/20220219/5860d776207d4ac4bc3c6728e8057ba0.png
[978388-20171023004535615-944308285.png]: /images/20220219/69163d82f40e4ee9b680181ff7825898.png
[978388-20171023004653631-342592005.png]: /images/20220219/6c3765ae8f294c9992a5e1b437fe8613.png
[978388-20171023004919193-697714490.png]: /images/20220219/107b4cd1af27496880c423e343977c95.png
[978388-20171023005050021-1730476237.png]: /images/20220219/25746696aa1149eaaaee8239e8d77d06.png
[978388-20171023005610224-1463064886.png]: /images/20220219/9c3373ca63ef462b8a101d5709cf0309.png