IDEA简单搭建SpringBoot+jsp项目

太过爱你忘了你带给我的痛 2021-11-22 23:54 621阅读 0赞

### 文章目录 ###

*  1. 前言
 *  2. 新建SpringBoot项目
 *  3. 配置项目
 *  4. 启动SpringBoot项目
 *  5. 总结

# 1. 前言 #

这段时间在学习SpringBoot，在使用IDEA搭建SpringBoot+jsp简单项目的时候却出了很多问题，一路上曲曲折折就不多说了，这里记录一下我成功的步骤，给后来者提供一些小小帮助

IDEA版本：2019.2 UItimate付费版（已破解）

IDEA最好不要使用社区版(Community)，虽然免费但是功能有限制，我之前就是用社区版，试了很多次硬是跑不起来，耗费很多时间，最后换了版本才行。

# 2. 新建SpringBoot项目 #

点击File，New一个Project

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70]

选择Spring Initializr，Next

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 1]

填写项目信息，不用修改默认便可，点击Next

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 2]

点击Web选项，在Spring Web Starter前打钩后，点击Next

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 3]

修改项目名字后，点击Finish

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 4]  
这样SpringBoot项目就初步创建好了，目录结构如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 5]

# 3. 配置项目 #

在main下新建webapp目录，在webapp目录下再新建pages目录用来存放jsp文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 6]  
配置pom.xml文件，在pom.xml文件添加jsp依赖，复制下面代码加在`<dependencies></dependency>`之间

<dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>jstl</artifactId>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <scope>provided</scope>
            </dependency>
            <dependency>
                <groupId>org.apache.tomcat.embed</groupId>
                <artifactId>tomcat-embed-jasper</artifactId>
            </dependency>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 7]  
右键项目名，刷新一下Maven，如果Maven没有相关依赖会自动下载  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 8]  
配置resources下的application.properties文件，我只简单配置了视图，其他如数据库配置、访问的一些相关配置自行百度

#Spring boot视图配置
    spring.mvc.view.prefix=/pages/
    spring.mvc.view.suffix=.jsp

右键项目，打开Module Settings

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 9]  
点击+号，找到Web，添加Web  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 11]

添加后，可以看到右边出现了界面，点击右上角-号，去掉相关信息，因为我们是SpringBoot项目，所以不需要生成web.xml。双击下面箭头的目录，选择我们的jsp文件所在的路径，这样我们右键pages目录时就会多出来创建JSP文件选项

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 12]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 13]  
最后应该是这样的，点击OK

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 14]  
再简单写一个Controller类，用于跳转到jsp

import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    @Controller
    public class helloController { 
    
        @RequestMapping("/hello")
        public String Say(){ 
            return "hello";
        }
    }

右键pages目录，创建jsp文件，再简单写点内容

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 15]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 16]  
到这里就配置完成啦~

# 4. 启动SpringBoot项目 #

重点！！重点！！重点！！ 请不要直接点击run按钮，要通过Maven来运行，不然会打不开  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 17]

配置完成后就可以启动了，点击最后面藏着的Maven，

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 18]  
找到spring-boot：run，双击它

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 19]  
启动成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 20]我们还右键creat它，这样就可以在上面直接运行了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 21]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 22]  
![在这里插入图片描述][20190725151347765.png]  
在网页键入地址 [http://127.0.0.1:8080/hello][http_127.0.0.1_8080_hello] 试试是否成功

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 23]  
可以看到访问成功了，到这里SpringBoot+jsp最简单的项目就搭建成功了。

# 5. 总结 #

如果走对路，按照步骤来还是很简单的，但是我之前走歪了，所以看了很多博客都没有弄好，最致命的是明明一步步来，自己怎么都不行，可太苦恼了，大家一定要耐心解决问题，收获还是有的~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70]: /images/20211122/6e6a6e6349ad4965bb258831a3168200.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 1]: /images/20211122/7b7ffdce4c154a6c9e1e098971e9a9c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 2]: /images/20211122/7a8a960ed67442c0b4867eecc104073f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 3]: /images/20211122/1e5c508546b6421c85562b839ed5a45b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 4]: /images/20211122/ba0d6bb9e87d4a2dab0cc3ac914bfbd7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 5]: /images/20211122/1b76f9b1653247efb04bbf744f354ee6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 6]: /images/20211122/cc71eac3b07b46488bc5fd021c7ae373.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 7]: /images/20211122/a35c4e1917944589a104224d523e3f11.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 8]: /images/20211122/8b36f61275144acdbac24daaeb6fdc13.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 9]: /images/20211122/e608b26c6c634aca8360256948571785.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 10]: /images/20211122/76bf9a3fed6c42aabc47c50a7d8f7125.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 11]: /images/20211122/9ea36ad77b7b44c8a637361615c1f0f3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 12]: /images/20211122/f4a8e42941624dd1bbf7e0f4d7f42dae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 13]: /images/20211122/5c56150574604ccbbaa5eaa6adc3c13d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 14]: /images/20211122/c3015bb00753442f9eb69dc0df76b9c6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 15]: /images/20211122/aad2b7965e3d49069c69d13d5aca2134.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 16]: /images/20211122/1274bf6047f2425993385396154a3818.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 17]: /images/20211122/f2008c0dcafd403c9b48d1fae9be13ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 18]: /images/20211122/959139c62f8e43aa99326832e88793c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 19]: /images/20211122/f19ec6d27dad435aa2b5e1bfaac9454a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 20]: /images/20211122/0fa4dce142bb474ca806ad7840ddba0f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 21]: /images/20211122/2465846ec6744fbcbbdf693ef978b042.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 22]: /images/20211122/7272fa586bc44366b86f79ee7928afb3.png
[20190725151347765.png]: /images/20211122/df2ddcd0a1fb4fe2a438d1c132260de4.png
[http_127.0.0.1_8080_hello]: http://127.0.0.1:8080/hello
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTIxMTgw_size_16_color_FFFFFF_t_70 23]: /images/20211122/1d3ebec5d579442b8af8ebd7ee2f6abb.png