【springboot配置】如何让springboot支持jsp页面

男娘i 2023-10-05 23:09 7阅读 0赞

前言：

随着时代的发展，springboot这一新兴技术受到越来越多的人们的追捧与使用，一般的开发都是基于vue+springboot之类的前后端分离开发，未经配置的原生springboot是不支持jsp文件的解析的，本文我们来介绍一下如何配置springboot来支持jsp文件的解析

虽然jsp技术已经因为落后被淘汰掉了，但是对于初学者而言，都是应该熟悉并且掌握的基本知识，我可以不用，但你不能不会

## 非前后端分离项目，搭建能运行jsp的SSM项目 ##

### 1. 通过springboot创建新项目 ###

![90a89fded9364a8f898358f388edc1d2.png][]

选择Java8版本，**打包方式为war包 （这点要注意，jsp项目包含了jsp网页文件，需要打成war包才能被支持）**

这边我们用的是阿里云的spring initializr ，勾选需要的模块

![631649e44357483988c3687035959541.png][]

这边勾选需要的模块即可，spring Web为必选项

### 2. 配置pom依赖： ###

![35eb61d42959426bbdc612134b8c5514.png][] 配置mysql数据库连接（笔者使用的是MySQL8）

![a82ec2927f9d44f3a56fa655a787dd29.png][]

分别添加下面的依赖文件

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

以此支持jsp

添加build文件，将jsp打包进war包

![5d07c22164e34328881a895e4ecc3606.png][]

代码如下：

<resources>
    
        <resource>
    
            <directory>src/main/webapp</directory>
    
            <targetPath>META-INF/resources</targetPath>
            <includes>
                 <include>**/**</include>
            </includes>
        </resource>
    </resources>

![4326f98d80ad4fb1b30f3dc1a25077c0.png][] 刷新maven 之后配置webapp文件夹

### 3. 添加webapp文件夹 ###

![de10a535a0ea4ca68e2d19b6bec750cb.png][]

首先在main目录下新建webapp文件夹（配置过pom文件夹后会提示）直接选择即可

![8b75467dadea4c64bb97895e1f97c3a4.png][]

之后打开模块设置

![669714de1b204800b8112e9b85d15a3d.png][] 右击打开module设置

![6ec62cd5d7c24aa9979e09ef4b4b8091.png][]

选择facets，配置web.xml文件 （截图的爆红是因为没有发现该目录下有webapp文件夹）

![0c27aac4d1804aa7ade32a7b94efbe43.png][] 点击加号，新建web.xml文件![d3b9226c219f43c9be696d5939c6d0c0.png][]

注意修改位置目录，添加src\\main\\webapp![cc14c9d677e84b09a558c3e3dafd1ffd.png][]web.xml版本号随意（默认就行）

![d0c7ac09ccc347aa93b8491a0b22b5e4.png][]修改后多了web.xml文件

自行修改application.properties 配置正确的数据库配置（如果不使用数据库对jsp并没有影响，但是配置错误会导致http 500 服务器内部错误）

仅供参考

spring:
      application:
        name: petManager
      # 数据库：
      datasource:
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://localhost:3306/petDB?serverTimezone=UTC
        name: petDB
        username: root
        password: root
      # spring mvc逻辑视图映射
      mvc:
        view:
          prefix: /WEB-INF/
          suffix: .jsp
        # 静态资源文件映射
        static-path-pattern: /static/**
      web:
        resources:
          # 配置静态资源所在路径
          static-locations: classpath:/static/
    
    # 配置mybatis
    mybatis:
      #指定Mybatis的Mapper文件
      mapper-locations: classpath:/mappers/*.xml
      #指定Mybatis的实体目录
      type-aliases-package: com.yanqi.petmanager.pojo
    
    # 指定端口
    server:
      port: 8080

重点部分为mvc和web部分，配置MVC逻辑试图映射

spring:
      mvc:
        view:
          prefix: /WEB-INF/
          suffix: .jsp
        # 静态资源文件映射
        static-path-pattern: /static/**
      web:
        resources:
          # 配置静态资源所在路径
          static-locations: classpath:/static/

### 4. 编写测试类 ###

![16e2267bea974bcdba56c386fccc94df.png][] 新建controller测试类测试页面，位置在main/java/用户定义的文件主目录 下

![be59b5b8f5d64de6ae63b56b7b5f86a3.png][]

写测试类……

同时在我们application.yml中指定的目录位置新建test.jsp（位置在webapp/WEB-INF/ 下）![0b023305c98948678d246148fc48fefb.png][]

test.jsp代码展示

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>测试</title>
    </head>
    <body>
        <h1>测试！</h1>
    </body>
    </html>

controller代码展示

package com.yanqi.petmanager.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class TestController {
    
        @RequestMapping("/test")
        public String Test(){
            System.out.println("访问了test页面……");
            return "test";
        }
    
    }

注意！这边的return "test"; 如果报错，那就是你jsp存放的位置没有被MVC框架检查到，确认一下自己存放的位置

![07a31559dde14802986d68792dadc5dc.png][]

访问页面![13d06d66d0bf4eedb97145eccd428d2f.png][]

这样就是成功了，可以访问到jsp资源，控制台也出现了预设的输出内容

项目框架：

![d2f7332e8b8847759d72fb816b8417ba.png][]

欢迎访问 个人博客：[编程日记 | Yiki-Blog][_ Yiki-Blog]

内容还在陆续完善，欢迎交流探讨

[90a89fded9364a8f898358f388edc1d2.png]: https://img-blog.csdnimg.cn/90a89fded9364a8f898358f388edc1d2.png
[631649e44357483988c3687035959541.png]: https://img-blog.csdnimg.cn/631649e44357483988c3687035959541.png
[35eb61d42959426bbdc612134b8c5514.png]: https://img-blog.csdnimg.cn/35eb61d42959426bbdc612134b8c5514.png
[a82ec2927f9d44f3a56fa655a787dd29.png]: https://img-blog.csdnimg.cn/a82ec2927f9d44f3a56fa655a787dd29.png
[5d07c22164e34328881a895e4ecc3606.png]: https://img-blog.csdnimg.cn/5d07c22164e34328881a895e4ecc3606.png
[4326f98d80ad4fb1b30f3dc1a25077c0.png]: https://img-blog.csdnimg.cn/4326f98d80ad4fb1b30f3dc1a25077c0.png
[de10a535a0ea4ca68e2d19b6bec750cb.png]: https://img-blog.csdnimg.cn/de10a535a0ea4ca68e2d19b6bec750cb.png
[8b75467dadea4c64bb97895e1f97c3a4.png]: https://img-blog.csdnimg.cn/8b75467dadea4c64bb97895e1f97c3a4.png
[669714de1b204800b8112e9b85d15a3d.png]: https://img-blog.csdnimg.cn/669714de1b204800b8112e9b85d15a3d.png
[6ec62cd5d7c24aa9979e09ef4b4b8091.png]: https://img-blog.csdnimg.cn/6ec62cd5d7c24aa9979e09ef4b4b8091.png
[0c27aac4d1804aa7ade32a7b94efbe43.png]: https://img-blog.csdnimg.cn/0c27aac4d1804aa7ade32a7b94efbe43.png
[d3b9226c219f43c9be696d5939c6d0c0.png]: https://img-blog.csdnimg.cn/d3b9226c219f43c9be696d5939c6d0c0.png
[cc14c9d677e84b09a558c3e3dafd1ffd.png]: https://img-blog.csdnimg.cn/cc14c9d677e84b09a558c3e3dafd1ffd.png
[d0c7ac09ccc347aa93b8491a0b22b5e4.png]: https://img-blog.csdnimg.cn/d0c7ac09ccc347aa93b8491a0b22b5e4.png
[16e2267bea974bcdba56c386fccc94df.png]: https://img-blog.csdnimg.cn/16e2267bea974bcdba56c386fccc94df.png
[be59b5b8f5d64de6ae63b56b7b5f86a3.png]: https://img-blog.csdnimg.cn/be59b5b8f5d64de6ae63b56b7b5f86a3.png
[0b023305c98948678d246148fc48fefb.png]: https://img-blog.csdnimg.cn/0b023305c98948678d246148fc48fefb.png
[07a31559dde14802986d68792dadc5dc.png]: https://img-blog.csdnimg.cn/07a31559dde14802986d68792dadc5dc.png
[13d06d66d0bf4eedb97145eccd428d2f.png]: https://img-blog.csdnimg.cn/13d06d66d0bf4eedb97145eccd428d2f.png
[d2f7332e8b8847759d72fb816b8417ba.png]: https://img-blog.csdnimg.cn/d2f7332e8b8847759d72fb816b8417ba.png
[_ Yiki-Blog]: https://yanqi7.github.io/