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>

5. 訪問

瀏覽器訪問即可：
在這里插入圖片描述

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/72734.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/72734.shtml
英文地址，請注明出處：http://en.pswp.cn/web/72734.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！