SpringBoot整合JSP

SpringBoot整合JSP

SpringBoot官网推荐使用Thymeleaf模板引擎,但是我们在很多时候还是习惯使用JSP来实现页面数据展示,本篇文章就是实现SpringBoot整合JSP页面来展示数据。

1、引入jar包

<pre class="fy-prettyprint linenums"><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.apache.tomcat.embed</groupId>
   <artifactId>tomcat-embed-jasper</artifactId>
   <scope>provided</scope>
</dependency>

注意:这三个jar包一个都不能少,我在整合的时候没有引入第三个jar包,结果导致报错

image.png

找了好多方法都没有解决,直到最后发现jar包少了一个。在此处很多人说是由于启动类的位置不对,要将启动类移到最外面,其实并不是。

2、application.properties文件


<pre class="fy-prettyprint linenums">spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=.jsp

#关闭默认模板引擎
spring.thymeleaf.cache=false
spring.thymeleaf.enabled=false

3、创建jsp页面


由于SpringBoot没有webapp目录,因此需要手动建包,在src/main下,新建webapp目录,在webapp下新建WEB-INFO,WEB-INFO下新建views目录,在views目录下新建一个jsp文件。

在这个时候我们可以发现,在new里面,没有新建jsp文件的选项。这是因为SpringBoot中默认没有web的导致的。

解决方法:

File–>Project Structure

image.png

如果没有web,则点击“+”号,添加一个web选项,然后选择Web Resource Directory,为我们新建的webapp目录,这样就可以新建jsp文件了。

<pre class="fy-prettyprint linenums"><%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>用户列表</title>
</head>
<body>
    <table>
        <tr>
            <td>id</td>
            <td>name</td>
            <td>age</td>
        </tr>
        <c:forEach items="${users}" var="user" varStatus="s">
            <tr>
                <td>${user.id}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
            </tr>
        </c:forEach>
    </table>
</body>
</html>

4、服务端代码


新建一个User类

<pre class="fy-prettyprint linenums">import java.io.Serializable;

public class User implements Serializable {
    @Setter
    @Getter
    private String id;

    @Setter
    @Getter
    private String name;

    @Getter
    @Setter
    private int age;

    @Override
    public String toString() {
        return "User[id=" + id +" ,name=" + name +" ,age="+"age]";
    }
}

创建一个Controller

<pre class="fy-prettyprint linenums">package com.vdgouyadong.vddemo.controller;

import com.vdgouyadong.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.ArrayList;
import java.util.List;

@Controller
public class UserController {
    @RequestMapping("/showUser")
    public String showUser(Model model){
        List<User> list = new ArrayList<>();
        User user=null;
        for (int i=0;i<20;i++){
            user = new User();
            user.setId((i+1)+"");
            user.setName("张三风"+i);
            user.setAge(20+i);
            list.add(user);
        }
        model.addAttribute("users",list);
        return "listUser";
    }
}

最后,启动SpringBoot的启动类,输入地址:http://localhost:8080/showUser

效果如下:

image.png

整合完毕!

</body></html>

除特别注明外,本站所有文章均为东哥技术分享原创,转载请注明出处来自http://quliming.com/post/92.html

评论回复