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>

六、啟動