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视图层技术完成;