idea搭建Spring boot+jsp的简单web项目

柔光的暖阳◎ 2022-05-09 06:12 424阅读 0赞

大家好：

这是我的第一篇博客文章，简单介绍一下Spring boot + jsp 的搭建流程，希望给跟我一样新接触Spring boot的读者一点儿启发。

开发工具：jdk1.8   idea2017(付费版，网上找的破解教程)

1。创建spring boot项目，使用idea自带的spring initializr创建Spring boot的maven项目(我是先创建了一个空的项目)。

开始创建Spring boot项目，点击file>New>Module，可以选择一下自己使用的jdk，剩下的默认就可以了，然后点击下一步

![1438370-20180725155610414-1064013867.png][]

点击下一步就可以，如果有需要的话可以自己修改。![1438370-20180725155845032-1440616137.png][]

这一步是选择自己想要加载的依赖，因为我用的是oracle的数据库，而且也只是一个简单的web项目，用不上别的数据库，就没有选择，有需要的话可以自己选择。![1438370-20180725160327406-1238957283.png][]

输入一下自己的项目（Module）名称，然后点击完成。![1438370-20180725160553754-1044107714.png][]

这是最终创建完成后的目录结构。![1438370-20180725160805279-1199774520.png][]

2。上一步介绍完了使用idea创建Spring boot项目的流程，接下来进行pom,xml文件和application.properties的配置

2.1。向pom文件添加下面依赖<dependency>

<groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    
    <dependency>
       <groupId>org.apache.tomcat.embed</groupId>
       <artifactId>tomcat-embed-jasper</artifactId>
       <scope>provided</scope>
    </dependency>
    
    不使用oracle的同学这个是不需要的，使用oracle的同学往下看看，有关于添加oracle的驱动依赖的文章推荐
    
    <dependency>
       <groupId>com.oracle</groupId>
       <artifactId>ojdbc6</artifactId>
       <version>11.2.0.1.0</version>
    </dependency>
    
    这个是maven本地库没有oracle依赖的同学看的，有的话直接略过即可,需要的话大家可以参考一下面链接：
    https://www.cnblogs.com/chinas/p/6250608.html
    
    2.2。配置application.properties，在配置application.properties前需要先创建一些文件夹和进行一些配置
    
    在resources文件夹下创建static文件夹，里面放置一下js，css等静态文件

*![1438370-20180725172106629-210047928.png][]*

在main文件夹下创建webapp文件夹

![1438370-20180725163735844-436801044.png][]

然后在webapp下创建WEB-INF文件夹，以后的jsp文件就放在WEB-INF下面。

![1438370-20180725163828754-1891069365.png][]

选中项目，然后点击鼠标右键选择Open Module Settiongs项目属性配置画面，也可以按F12快捷键进入。![1438370-20180725164135241-700188563.png][]

选择一下自己的jdk![1438370-20180725164834660-122040325.png][]

然后点击Modules，找到web选项。

![1438370-20180725165028383-2137785168.png][]

如果没有web，就点击左上角的“+”，创建一下

![1438370-20180725165159629-17624839.png][]

步骤1：点击右边的“-”，这是Spring boot项目，不需要web.xml文件，直接删除即可。
    步骤2：选中原路径，鼠标左边双击，目录选择为上面创建的webapp文件，这一步多说一下，这一步是指向jsp文件的根目录，这一步设置之后你点击webapp文件夹右键创建的时候才会在上面出现jsp的创建选项。
    步骤3：直接点击Create Artifact，然后点击右下键的Apply就可以

![1438370-20180725170414183-1895719878.png][]

步骤1：

![1438370-20180725170456677-1099720359.png][]

步骤2：选中原路径，鼠标左边双击，进入修改页面

![1438370-20180725170529366-1133734648.png][]

进入目录选择webapp后点击确定

![1438370-20180725170550087-2130101688.png][]

点击确定即可

![1438370-20180725170737282-1273475374.png][]

步骤3：直接点击Create Artifact，然后点击右下键的Apply就可以

![1438370-20180725171403458-84222357.png][]

最后完成的的配置是这样：

![1438370-20180725171528163-97278305.png][]

配置application.properties的配置文件内容

#访问相关配置
    server.port=8080
    server.tomcat.uri-encoding=UTF-8
    #项目访问名称，如果不配置直接访问bean就可以
    server.servlet.context-path=/springBoot_demo
    
    #数据库配置（我自己的，这个大家自己配置）
    spring.datasource.driver-class-name=oracle.jdbc.driver.OracleDriver
    spring.datasource.url=jdbc:oracle:thin:@localhost:1521:ORCL
    spring.datasource.username=silver
    spring.datasource.password=silver
    
    #Spring boot视图配置
    spring.mvc.view.prefix=/WEB-INF/
    spring.mvc.view.suffix=.jsp
    #静态文件访问配置
    spring.mvc.static-path-pattern=/static/**

3。创建测试样例
    
    在WEB-INF下面创建hello.jsp文件

![1438370-20180725173454187-1611494969.png][]

创建TestBean.java文件,配置简单的访问方法。

![1438370-20180725173817488-756734928.png][]

4。项目启动配置（这个是关键，没有这一步上面的全都没用）

点击右边Maven Projects选项，找到spring-boot:run

![1438370-20180725174415894-2098077111.png][]

选中后点击右键创建启动项，这样就可以不需要每次找到这边儿启动了

![1438370-20180725174520779-2016261717.png][]

点击确定

![1438370-20180725174613673-202246205.png][]

这个大家应该就熟悉了，点击启动按钮启动即可

![1438370-20180725174801403-1699443505.png][]

启动完成

![1438370-20180725175302891-168860433.png][]

打开浏览器数据访问路径(我自己的)
    http://localhost:8080/springBoot_demo/testBean/testDemo

springBoot_demo:配置文件中配置的项目名
    testBean：上面创建的TestBean.java的访问名称
    testDemo：测试的访问方法

访问结果：成功

[1438370-20180725155610414-1064013867.png]: /images/20220509/cf9a191b99874c1ab73be5165cc6ed1b.png
[1438370-20180725155845032-1440616137.png]: /images/20220509/1f4e7104fd7548339bde674a1a82b9d2.png
[1438370-20180725160327406-1238957283.png]: /images/20220509/3dee277157fe479ea3ffb0cddbe0b506.png
[1438370-20180725160553754-1044107714.png]: /images/20220509/94e7a0f852ba463aac526563c518431c.png
[1438370-20180725160805279-1199774520.png]: /images/20220509/c223a10ca3b04b63b28ba4d1d06803b0.png
[1438370-20180725172106629-210047928.png]: /images/20220509/af5628437e314f5195b7662aa003307c.png
[1438370-20180725163735844-436801044.png]: /images/20220509/19aa09a3b2b441ca955db0d6888d5bf6.png
[1438370-20180725163828754-1891069365.png]: /images/20220509/aa87e242ebbc42cab98a21169ece3677.png
[1438370-20180725164135241-700188563.png]: /images/20220509/1750ae4f2ca74f679439d760f921e042.png
[1438370-20180725164834660-122040325.png]: /images/20220509/1d3d7d9a8e3e46a2886d64fdd3f95e1b.png
[1438370-20180725165028383-2137785168.png]: /images/20220509/003534573d2a407ba865ac415f6a1452.png
[1438370-20180725165159629-17624839.png]: /images/20220509/c95d098de3ac4c348394ecfd759f4660.png
[1438370-20180725170414183-1895719878.png]: /images/20220509/7a4731be94f84324b8b9041b8d71ef4f.png
[1438370-20180725170456677-1099720359.png]: /images/20220509/fc9d4a93bc10460c822a135efbba386e.png
[1438370-20180725170529366-1133734648.png]: /images/20220509/14015feaef49418781f0cb10354df49b.png
[1438370-20180725170550087-2130101688.png]: /images/20220509/0548ed9e24a04122a6668c6446785ba1.png
[1438370-20180725170737282-1273475374.png]: /images/20220509/7f8df34bf1b04264ad4bd1d09c9a15ae.png
[1438370-20180725171403458-84222357.png]: /images/20220509/07d170f9f5a7487183a8249df6361f73.png
[1438370-20180725171528163-97278305.png]: /images/20220509/5bd065493ffe4041932cff02239f196e.png
[1438370-20180725173454187-1611494969.png]: /images/20220509/24bbc9047dd74b038b7ac0fcb415ff08.png
[1438370-20180725173817488-756734928.png]: /images/20220509/9748558f2c364e59b656c46dae317891.png
[1438370-20180725174415894-2098077111.png]: /images/20220509/8417a45d1e594d4ebf0839623e7c6be1.png
[1438370-20180725174520779-2016261717.png]: /images/20220509/63d512490f8748c59e4438496f0d537d.png
[1438370-20180725174613673-202246205.png]: /images/20220509/ffcb8223d8ba4f9d9a93977a04442de4.png
[1438370-20180725174801403-1699443505.png]: /images/20220509/cb70a44052e44ab48666d1cceeeb2620.png
[1438370-20180725175302891-168860433.png]: /images/20220509/bc283b71faa74587ac6e743b2d65a210.png