SpringBoot前端使用JSP

目录

• 一、pom.xml
• 二、application.properties
• 三、JspController 类
• 四、webapp目录
• 五、index.jsp
• 六、启动

项目名称：08-springboot-jsp

一、pom.xml

首先在pom.xml中添加依赖以及在build标签中配置以下信息

SpringBoot 要求 jsp 文件必须编译到指定的 META-INF/resources 目录下才能访问，否则访问不到。其实官方已经更建议使用模板技术（后面会有模板技术）

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.3.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <groupId>com.md.springboot</groupId>
    <artifactId>08-springboot-jsp</artifactId>
    <version>1.0.0</version>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>

        <!--spring boot框架web项目起步依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>


        <!--引入Spring Boot内嵌的Tomcat对JSP的解析包，不添加解析不了jsp页面-->
        <!--如果只使用JSP页面，可以只添加该依赖-->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
        </dependency>


        <!--如果使用servlet必须添加以下两个依赖-->
        <!--servlet依赖的jar包-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
            <version>2.3.1</version>
        </dependency>


        <!--如果使用了JSTL必须添加该依赖-->
        <!--jstl标签依赖jar包start-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
        </dependency>



    </dependencies>



    <build>
        <plugins>
            <!--spring boot项目编译打包的插件-->
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>


        <resources>
            <resource>
                <!--源文件位置-->
                <directory>src/main/webapp</directory>

                <!--指定编译到META-INF/resources，该目录不能随便写，固定好的-->
                <targetPath>META-INF/resources</targetPath>

                <!--指定要把那些文件编译进去，**表示webapp目录及子目录 ， *.*表示所有文件-->
                <includes>
                    <include>**/*.*</include>
                </includes>
            </resource>
        </resources>

    </build>
</project>

二、application.properties

在application.properties 文件配置 Spring MVC 的视图展示为jsp ，这里相当于 Spring MVC 的配置

server.port=8090



#配置SpringMVC视图解析器
#其中： / 表示的目录为src/main/webapp
spring.mvc.view.prefix=/
spring.mvc.view.suffix=.jsp

集成完毕之后，剩下的步骤和我们使用 Spring MVC 一样

三、JspController 类

在 com.md.springboot.web包下创建 JspController

package com.md.springboot.web;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

/**
 * @author MD
 * @create 2020-08-20 19:26
 */
@Controller
public class JspController {

    @RequestMapping(value = "/jsp")
    public String jsp(Model model){
        model.addAttribute("data","SpringBoot 前端使用JSP页面");

        return "index";
    }


//    或者这样写也是可以的
    @RequestMapping(value = "/jsp1")
    public ModelAndView jsp1(){
        ModelAndView mv = new ModelAndView();

        mv.addObject("data","hello , jsp");
        mv.setViewName("index");
        return mv;
    }

}

四、webapp目录

在 src/main 下创建一个 webapp 目录，把目录转换为这样，然后在该目录下新建index.jsp 页面

五、index.jsp

在 jsp 中获取 Controller 传递过来的数据

<%--
  Created by IntelliJ IDEA.
  User: MD
  Date: 2020/8/20
  Time: 19:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

${data}

</body>
</html>

六、启动