SpringBoot学习（三）SpringBoot整合JSP以及Themeleaf

Spring Boot 整合 JSP
- 1. 配置依赖
- 2. 创建WEB目录结构，配置JSP解析路径
- 3. 创建Controller类
- 4. 修改application.yml
- 5. 添加jstl标签库的依赖
- 6. JSP页面
- 7. 创建启动类
Spring Boot 整合 Thymeleaf
- 1. 添加Thymeleaf依赖
- 2. Controller
- 3. 修改`application.yml`配置：
- 4. 创建页面
- 5. 访问

Spring Boot 整合 JSP

在Spring Boot项目里写 jsp 是可以的，但是需要准备一个 web 项目的目录结构。

1. 配置依赖

新建一个普通Maven项目，不需要模板的支持：
在这里插入图片描述

在pom.xml里面添加Spring Boot的依赖：
SpringBoot依赖和SpringMVC的依赖：

<?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.veeja</groupId><artifactId>springboot-jsp</artifactId><version>1.0-SNAPSHOT</version><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><!-- 继承方式：添加SpringBoot启动器 --><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.1.10.RELEASE</version></parent><!-- 添加SpringMVC启动器依赖 --><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><version>2.1.10.RELEASE</version></dependency></dependencies></project>

2. 创建WEB目录结构，配置JSP解析路径

在src/main/下创建文件夹webapp，在webapp目录下创建WEB-INF文件夹：
在这里插入图片描述
配置JSP解析路径：
File→Project Structure→Modules→项目，web→点击下面的”+”号→选择当前项目里jsp的路径→ok→ok→Apply ok。

这回webapp路径下就让创建jsp页面了。

3. 创建Controller类

我们做一些假的数据就可以了：

package com.veeja.controller;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 veeja* 2021/1/8 14:03*/
@Controller
public class MyController {@RequestMapping("/show")public String show(Model model) {List<String> list = new ArrayList<>();list.add("liuweijia");list.add("lilingjie");list.add("limeimei");list.add("liushuaishuai");model.addAttribute("lsit", list);return "show";}
}

4. 修改application.yml

server:port: 8086spring:mvc:view:prefix: /WEB-INF/jspsuffix: .jsp

5. 添加jstl标签库的依赖

<dependency><groupId>jstl</groupId><artifactId>jstl</artifactId><version>1.2</version>
</dependency><dependency><groupId>taglibs</groupId><artifactId>standard</artifactId><version>1.1.2</version>
</dependency>

6. JSP页面

<%--Created by IntelliJ IDEA.User: veejaDate: 2021/1/8Time: 14:11To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>首页</title>
</head>
<body><c:forEach items="list" var="s">${s}<br/></c:forEach></body>
</html>

7. 创建启动类

package com;import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;/*** @Author veeja* 2021/1/8 14:17*/
@SpringBootApplication
public class MyApplication {public static void main(String[] args) {SpringApplication.run(MyApplication.class, args);}
}

启动服务，访问页面即可。
在这里插入图片描述
结果他妈的这个逼东西没有解析，

我排查了好久，实在不知道为啥，放弃了。
等一个有缘人来解决吧。

在这里插入图片描述

Spring Boot 整合 Thymeleaf

Spring Boot 官方推荐使用thymeleaf作为视图展示技术。
thymeleaf 就是html页面，只不过是在html页面的标签里插入thymeleaf 的语法，达到的效果跟jsp一样。
Thymeleaf的文件必须在一个templates文件夹中，该文件夹还有个特性：跟 WEB-INF 一样。不能通过浏览器url直接访问；所有 thymeleaf 页面必须先走控制器。

thymeleaf的效率高于jsp：

JSP：
第一次访问：jsp→.java→.class→.html
之后的访问：.class→.html

Thymeleaf： 本身就是html

1. 添加Thymeleaf依赖

<!-- 添加 Thymeleaf 的依赖 -->
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId><version>2.1.10.RELEASE</version>
</dependency>

2. Controller

写一个简单的Controller，service层就借用之前的SpringBoot1项目的StudentService。

Controller：

/*** @Author veeja* 2021/1/7 11:44*/
@RestController
public class StudentController {@Resourceprivate StudentService studentService;@RequestMapping("/getAll")public ModelAndView getAll() {ModelAndView mv = new ModelAndView();mv.addObject("list", studentService.selectAll());mv.setViewName("show");return mv;}
}

3. 修改`application.yml`配置：

在这里插入图片描述

mvc:view:prefix: classpath:/templates/suffix: .html

4. 创建页面

在src/main/resources/下创建templates文件夹，并且在该文件夹下创建index.html页面：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title>Title</title></head><body><table><tr><td>学生ID</td><td>学生姓名</td><td>学生年龄</td></tr><tr th:each="student:${list}"><td th:text="${student.id}"></td><td th:text="${student.name}"></td><td th:text="${student.age}"></td></tr></table></body>
</html>