使用idea整合 spring boot 和jsp详细教程

曾经终败给现在 2022-05-23 02:23 179阅读 0赞

\#\#使用idea整合springboo和jsp详细教程 \#\#  
项目开发过程中用到springboot整合jsp，在自己百度了一堆网上的教程之后发现，在整合的过程中还是会出现问题，最主要的问题就是404，经过半天的努力之后，自己终于能够整合成功了，所以写个教程；  
ps：楼下有朋友说按照我的步骤一步步走结果也是报404，我不知道你是不是使用的module子模块进行整合jsp，如果在一个项目中有父module子module，在子module中整合jsp时，按照下面的方是找不到jsp的，这里需要添加一个路径的配置，具体请看这边博客：[springboot的maven多子模块项目整合jsp报错详解][springboot_maven_jsp]  
第一步：使用idea创建一个springboot项目：  
![新建一个项目][70]  
![工程名称等][70 1]  
![选择springboot版本][springboot]  
![工程目录][70 2]  
![这里写图片描述][70 3]  
具体创建过程比较简单，这里就不多说；  
第二步：添加依赖：  
我本来的pom.xml是这样的：

<dependencies>
    	<dependency>
    		<groupId>org.springframework.boot</groupId>
    		<artifactId>spring-boot-starter</artifactId>
    	</dependency>
    	<dependency>
    		<groupId>org.springframework.boot</groupId>
    		<artifactId>spring-boot-starter-test</artifactId>
    		<scope>test</scope>
    	</dependency>
    </dependencies>
    `

现在是这样的：注意在引用依赖的时候，有一个依赖的scope是需要被注释掉的：org.apache.tomcat.embed，她的scope不需要，如果你没有注释的话，后面访问jsp 的时候就会报404；

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

第三步：添加controller：新建一个package，名字叫controller，并新建一个Java class，名为testController；  
![这里写图片描述][70 4]  
在TestController中的代码如下：

package com.ccx.springboot.jsp.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class TestController {
        
        @RequestMapping("/index")
        public String index(){
            return  "index";
        }
    }

需要注意一个地方：controller上的注解为@Controller（表示是一个controller），而不是@RestController（返回json格式数据）；  
第四步：创建目录和jsp文件，并添加web.xml  
![这里写图片描述][70 5]  
如图所示：在main的下级目录，和Java、resources同级目录创建webapp文件夹，并依次创建WEB-INF和jsp，在jsp文件夹中创建index.jsp；在WEB-INF文件夹中创建web.xml文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
    </web-app>

index.jsp文件内容如下（比较简单一个jsp）：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Full Layout - jQuery EasyUI Demo</title>
    </head>
    <body>
    <input type="button" value="点我" />
    <input type="text" style="height:100px;width:90%" id="input"/>
    </body>
    </html>

第五步：在application.properties中添加jsp的前缀和后缀（我的8080端口号被占用，这里修改一下端口号）：

#页面默认前缀目录
    spring.mvc.view.prefix=/WEB-INF/jsp/
    #页面默认后缀目录
    spring.mvc.view.suffix=.jsp
    #我的8080端口号被占用，改一下端口号
    server.port=8092

第六步：启动项目并访问：http://localhost:8092/index  
到这里就结束了，如果你的项目还起不来，或者按照我的教程访问不了jsp，或者报404的，你来打我！！！ps欢迎留言  
![这里写图片描述][70 6]

[springboot_maven_jsp]: https://blog.csdn.net/hp_yangpeng/article/details/89067596
[70]: /images/20220523/8f84959c67244d119cd2561994baf20d.png
[70 1]: /images/20220523/b3557681d79b4693b120f1e8ae82939f.png
[springboot]: /images/20220523/5056650302a144b0982e10615ace4a33.png
[70 2]: /images/20220523/197865b109c94d78a4145f8755eca6e7.png
[70 3]: /images/20220523/1e7b51ae3f1d4c24a1e7e8bede53584e.png
[70 4]: /images/20220523/faf90e7684d44f79b6a0ddac3edac481.png
[70 5]: /images/20220523/79d25d9eaadd42eb9d8df7a51a072287.png
[70 6]: /images/20220523/f8aecfc6671f47d495c7818badecd435.png