SpringBoot学习4之整合jsp与freemarker

最新推荐文章于 2024-04-16 10:08:48 发布

kenewstar

最新推荐文章于 2024-04-16 10:08:48 发布

阅读量1.0k

点赞数 1

分类专栏： SpringBoot 文章标签： spring boot jsp freemarker

本文链接：https://blog.csdn.net/weixin_45840947/article/details/105667081

版权

SpringBoot 专栏收录该内容

10 篇文章 2 订阅

订阅专栏

SpringBoot整合视图层技术(1)

创建一个SpringBoot项目

参考前面几篇

1 SpringBoot整合jsp

使用SpringBoot+Jsp做显示所有用户信息
使用jsp作为视图层，虽然SpringBoot官方并不推荐，但是我们我们也学习一下，不做深入即可；
除了在pom文件中添加SpringBoot启动器以外，还需要添加两个jar坐标，用以支持jsp，代码如下：

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.kenewstar</groupId>
    <artifactId>springboot02</artifactId>
    <version>1.0-SNAPSHOT</version>
<!--        添加父项目       -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.6.RELEASE</version>
    </parent>

    <dependencies>
<!--        添加springboot启动器     -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <version>2.2.6.RELEASE</version>
        </dependency>
<!--        jstl依赖      (jsp)  -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
        </dependency>
<!--        jasper依赖    (jsp)   -->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
            <scope>provided</scope>
        </dependency>
    </dependencies>

</project>

① 创建一个用户实体类User.java

代码如下：

package com.kenewstar.jsp;

/**
 * @Author:kenewstar
 * @Description: springboot整合jsp,用户实体类
 * @Date:Created in 2020/4/22
 */
public class User {
    private Integer id;
    private String name;
    private Integer age;
    public User() {
    }
    public User(Integer id, String name, Integer age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public Integer getAge() {
        return age;
    }
    public void setAge(Integer age) {
        this.age = age;
    }
}

② 创建一个用户控制器类UserController.java

代码如下：

package com.kenewstar.jsp;

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;

/**
 * @Author:kenewstar
 * @Description: springboot整合jsp,用户控制器类
 * @Date:Created in 2020/4/22
 */
@Controller
public class UserController {

    @RequestMapping("/showUser")
    public String showUser(Model model){
    	//这里不从数据库中查询信息，主要演示SpringBoot与Jsp的使用,直接创建六个对象数据,传递给用户
        List<User> list = new ArrayList<>();
        list.add(new User(1,"kenewstar1",20));
        list.add(new User(2,"kenewstar2",21));
        list.add(new User(3,"kenewstar3",22));
        list.add(new User(4,"kenewstar4",23));
        list.add(new User(5,"kenewstar5",24));
        model.addAttribute("list",list);
        return "userList";
    }
}

在这里插入图片描述
如上图所示，在src/main目录下创建一个webapp目录，创建WEB-INF/jsp/目录，将jsp文件放在该目录下，也可以自定义其他目录，但是必须放在webapp目录下；

③ 创建一个显示所有用户列表的jsp页面

创建userList.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>
<html>
<head>
    <title>显示所有用户</title>
    <meta charset="utf-8">
</head>
<body>
    <table align="center" width="60%" border="1">
        <tr>
            <th>ID</th>
            <th>NAME</th>
            <th>AGE</th>
        </tr>
        <c:forEach items="${list}" var="user">
            <tr>
                <td>${user.id}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
            </tr>
        </c:forEach>

    </table>
</body>
</html>

该页面较为简单，不做讲解；

④ 创建application.properties配置文件

如果我们不配置访问前缀与后缀，当控制器转发页面时，会报异常，找不到页面，配置内容如下：

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

学过SpringMVC的可以看到，它和视图解析器非常相似；
在这里插入图片描述

⑤ 创建SpringBoot启动类

代码如下：
代码非常简单，已经写过很多遍了；

package com.kenewstar.jsp;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * @Author:kenewstar
 * @Description: springboot整合jsp,springboot启动器
 * @Date:Created in 2020/4/22
 */
@SpringBootApplication
public class JspApp {

    public static void main(String[] args) {
        //启动Springboot程序
        SpringApplication.run(JspApp.class,args);
    }

}

接下来我们启动SpringBoot启动类，根据@RequestMapping的URL地址映射访问项目：

在这里插入图片描述如此jsp页面整合完毕；

2 SpringBoot整合FreeMarker

FreeMarker 是一款模板引擎：即一种基于模板和要改变的数据，并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。

模板编写为FreeMarker Template Language (FTL)。它是简单的，专用的语言，不是像PHP那样成熟的编程语言。那就意味着要准备数据在真实编程语言中来显示，比如数据库查询和业务运算，之后模板显示已经准备好的数据。在模板中，你可以专注于如何展现数据，而在模板之外可以专注于要展示什么数据。
我开始使用SpringBoot+FreeMarker

① 创建用户实体类

代码可以使用上一节整合jsp中的实体类，代码如下：

public class User {
    private Integer id;
    private String name;
    private Integer age;
    public User() {
    }
    public User(Integer id, String name, Integer age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }
    //getter与setter...
}

② 创建用户控制器类，与1的②中的控制器类一样

代码如下：

@Controller
public class UserController {

    @RequestMapping("/showUser")
    public String showUser(Model model){
        //...
        return "userList";
    }
}

③ 创建freemarker的页面，userList.ftl

freemarker的页面后缀名为.ftl，该页面必须放在一个templates目录下，如图：
在这里插入图片描述
创建代码如下：

<html>
<head>
    <title>显示所有数据</title>
    <meta charset="UTF-8">
</head>
<body>
    <table align="center" border="1" width="50%">
        <tr>
            <th>ID</th>
            <th>NAME</th>
            <th>AGE</th>
        </tr>
        <#list list as user>
            <tr>
                <td>${user.id}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
            </tr>
        </#list>
    </table>
</body>
</html>

代码中，遍历list中数据通过<#list></#list>标签进行迭代，list as user 就相当于 <c:forEach items=${list} var=“user”>

④ 创建applcation.properties文件

在该文件中配置转发后缀，代码如下：

#spring.freemarker.prefix=
spring.freemarker.suffix=.ftl

由于我们直接在templates目录下创建.ftl文件，因此不需要配置前缀，如果有多级目录则需要配置前缀；
在这里插入图片描述

⑤ 创建SpringBoot启动类

代码如下：

package com.kenewstar.jsp;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * @Author:kenewstar
 * @Description: springboot整合freemarker,springboot启动器
 * @Date:Created in 2020/4/22
 */
@SpringBootApplication
public class FtlApp {

    public static void main(String[] args) {
        //启动Springboot程序
        SpringApplication.run(FtlApp.class,args);
    }

}

启动SpringBoot程序，访问地址不变，如下：
可以看到，我们的访问结果是一样的；
在这里插入图片描述到此我们SpringBoot整合Jsp与FreeMarker视图层技术完成；

kenewstar

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot学习4之整合jsp与freemarker

SpringBoot整合视图层技术(1)1 SpringBoot整合jsp使用jsp作为视图层，虽然SpringBoot官方并不推荐，但是我们我们也学习一下，不做深入即可；
复制链接

扫一扫