Spring Boot添加JSP的支持

水深无声 2021-07-24 15:32 362阅读 0赞

**一 Pom**

<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  http://maven.apache.org/maven-v4_0_0.xsd">
         <modelVersion>4.0.0</modelVersion>
         <groupId>org.fkit</groupId>
         <artifactId>jsptest</artifactId>
         <packaging>war</packaging>
         <version>0.0.1-SNAPSHOT</version>
         <name>jsptest Maven Webapp</name>
         <url>http://maven.apache.org</url>
         
         <parent>
               <groupId>org.springframework.boot</groupId>
               <artifactId>spring-boot-starter-parent</artifactId>
               <version>2.0.0.RELEASE</version>
               <relativePath />
         </parent>
         <properties>
               <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
               <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
               <java.version>1.8</java.version>
         </properties>
         <dependencies>
               
               <dependency>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-web</artifactId>
               </dependency>
               
               <dependency>
                    <groupId>javax.servlet</groupId>
                    <artifactId>javax.servlet-api</artifactId>
                    <scope>provided</scope>
               </dependency>
               
               <dependency>
                    <groupId>javax.servlet</groupId>
                    <artifactId>jstl</artifactId>
               </dependency>
               
               <dependency>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-starter-tomcat</artifactId>
                    <scope>provided</scope>
               </dependency>
               
               <dependency>
                    <groupId>org.apache.tomcat.embed</groupId>
                    <artifactId>tomcat-embed-jasper</artifactId>
                    <scope>provided</scope>
               </dependency>
               <dependency>
                    <groupId>junit</groupId>
                    <artifactId>junit</artifactId>
                    <scope>test</scope>
               </dependency>
         </dependencies>
         <build>
               <finalName>jsptest</finalName>
         </build>
    </project>

**二 启动类**

package org.fkit.jsptest;
    
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    
    
    //@SpringBootApplication指定这是一个 spring boot的应用程序.
    @SpringBootApplication
    public class App
    {
        public static void main( String[] args )
        {
            // SpringApplication 用于从main方法启动Spring应用的类。
            SpringApplication.run(App.class, args);
        }
    }

**三 控制器**

package org.fkit.jsptest.controller;
    
    
    import java.util.ArrayList;
    import java.util.List;
    import org.fkit.jsptest.domain.Book;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    
    @Controller
    public class IndexController {
        
        @RequestMapping("/")
        public String index(Model model){
            // 保存一个username到model
            model.addAttribute("username", "疯狂软件");
            // 模拟数据库数据保存到List集合
            List<Book> books = new ArrayList<>();
            books.add(new Book(1, "疯狂Java讲义", "java.jpg", "李刚 编著", 109.00));
            books.add(new Book(2, "轻量级Java EE企业应用实战", "ee.jpg", "李刚 编著", 108.00));
            books.add(new Book(3, "Spring+MyBatis应用实战", "SpringMyBatis.jpg", "疯狂软件 编著", 58.00));
            books.add(new Book(4, "疯狂Android讲义", "android.jpg", "李刚 编著", 108.00));
            books.add(new Book(5, "疯狂Ajax开发", "ajax.jpg", "李刚 编著", 79.00));
            // 保存数据到model
            model.addAttribute("books", books);
            return "index";
        }
    }

**四 实体类**

package org.fkit.jsptest.domain;
    import java.io.Serializable;
    public class Book implements Serializable {
         
         private static final long serialVersionUID = 1L;
         
         private Integer id;
         private String title;
         private String image;
         private String author;
         private Double price;
         
         public Book() {
               super();
               // TODO Auto-generated constructor stub
         }
         
         public Book(Integer id, String title, String image, String  author, Double price) {
               super();
               this.id = id;
               this.title = title;
               this.image = image;
               this.author = author;
               this.price = price;
         }
         public Integer getId() {
               return id;
         }
         public void setId(Integer id) {
               this.id = id;
         }
         public String getTitle() {
               return title;
         }
         public void setTitle(String title) {
               this.title = title;
         }
         public String getImage() {
               return image;
         }
         public void setImage(String image) {
               this.image = image;
         }
         public String getAuthor() {
               return author;
         }
         public void setAuthor(String author) {
               this.author = author;
         }
         public Double getPrice() {
               return price;
         }
         public void setPrice(Double price) {
               this.price = price;
         }
         
         @Override
         public String toString() {
               return "Book [id=" + id + ", title=" + title + ",  image=" + image + ", author=" + author + ", price=" + price
                         + "]";
         }
         
         
    }

**五 配置**

spring.mvc.view.prefix=/WEB-INF/jsp/
    spring.mvc.view.suffix=.jsp

**六 视图**

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;  charset=UTF-8"></meta>
    <title>Insert title here</title>
    <link rel="stylesheet"  href="${pageContext.request.contextPath}/css/bootstrap.min.css"  />
    <link rel="stylesheet"  href="${pageContext.request.contextPath}/css/bootstrap-theme.min.css"/>
    <script type="text/javascript"  src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"  src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="panel panel-primary">
         
         <div class="panel-heading">
               
               <h3 class="panel-title">Spring Boot添加JSP示例</h3>
         </div>
    </div>
    <div class="container">
         <div class="row">
               <div class="col-md-4">
                    <h3>欢迎[<font  color="red">${requestScope.username }</font>]</h3>
               </div>
         </div>
         <div class="col-md-12">
                    <div class="panel panel-primary">
                         <div class="panel-heading">
                           <h3 class="panel-title">图书信息列表</h3>
                      </div>
                      <div class="panel-body">
                         
                         <div class="table table-responsive">
                               
                               <table class="table table-bordered  table-hover">
                                    <thead>
                                         <tr>
                                               <th  class="text-center">封面</th ><th class="text-center">书名</th>
                                               <th  class="text-center">作者</th ><th class="text-center">价格</th>
                                         </tr>
                                    </thead>
                                    <tbody class="text-center">
                                         <c:forEach  items="${requestScope.books }" var="book">
                                               <tr>
                                                    <td> <img  src="images/${book.image}" height="60"/></td>
                                                    <td>${book.title}</td>
                                                    <td>${book.author}</td>
                                                    <td>${book.price}</td>
                                               </tr>
                                         </c:forEach>
                                    </tbody>
                               </table>
                         </div>
                    </div>
                    </div>
               </div>
    </div>
    </body>
    </html>

**七 测试**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/28dade71742a4219847661f6a0bd5aa2.png