1. 程式人生 > 程式設計 >spring boot 專案中使用thymeleaf模板的案例分析

spring boot 專案中使用thymeleaf模板的案例分析

準備
MySql資料庫,表Prereg,IDEA
資料庫中的表如下所示:

在這裡插入圖片描述

IDEA目錄結構如下:

在這裡插入圖片描述

新增thymeleaf依賴:

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

開始新增程式碼:
在controller包新增類“PreregController”

package com.example.demo.controller;

import com.example.demo.mapper.PreregMapper;
import com.example.demo.pojo.Prereg;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.annotation.Resource;
import java.util.List;

@Controller
public class PreregController {
	@Resource
	PreregMapper preregMapper;
	
	@RequestMapping("/listPrereg")
	public String listPrereg(Model model)
	{
		List<Prereg> preregs=preregMapper.findAll();
		model.addAttribute("preregs",preregs);
		return "listPrereg";
	}
}

在Mapper包下新增對映interface:“PreregMapper”

package com.example.demo.mapper;

import com.example.demo.pojo.Prereg;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;
import org.springframework.boot.autoconfigure.data.jpa.JpaRepositoriesAutoConfiguration;
import java.util.List;

@Mapper
public interface PreregMapper {
@Select("SELECT * FROM Prereg")
List<Prereg> findAll();
}

在pojo包下新增類Prereg:

package com.example.demo.pojo;

import java.util.Date;

public class Prereg {
private String StuId;
private String StuName;
private String Trans;
private int IsCompany;
private int PeopleCount;
private Date ArrTime;

public String getStuId() {
return StuId;
}

public void setStuId(String stuId) {
StuId = stuId;
}

public String getStuName() {
return StuName;
}

public void setStuName(String stuName) {
StuName = stuName;
}

public String getTrans() {
return Trans;
}

public void setTrans(String trans) {
Trans = trans;
}

public int getIsCompany() {
return IsCompany;
}

public void setIsCompany(int isCompany) {
IsCompany = isCompany;
}

public int getPeopleCount() {
return PeopleCount;
}

public void setPeopleCount(int peopleCount) {
PeopleCount = peopleCount;
}

public Date getArrTime() {
return ArrTime;
}

public void setArrTime(Date arrTime) {
ArrTime = arrTime;
}

@Override
public String toString() {
return "Prereg{" +
"StuId='" + StuId + '\'' +
",StuName='" + StuName + '\'' +
",Trans='" + Trans + '\'' +
",IsCompany=" + IsCompany +
",PeopleCount=" + PeopleCount +
",ArrTime=" + ArrTime +
'}';
}
}

注:小技巧:定義好變數後,Alt+insert彈出“Generate”,選擇“Getter and Setter”,再選擇toString()即可完成。
最後是寫HTML頁面:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>springboot-thymeleaf demo</title>
</head>
	<body>
		<table border="1" width="1000">
			<thead>
				<tr>
					<td>學生學號</td>
					<td>學生姓名</td>
					<td>到達時間</td>
					<td>家人陪伴</td>
					<td>陪伴數量</td>
					<td>交通工具</td>
				</tr>
			</thead>
			<tr th:each="item: ${preregs}">
				<td th:text="${item.stuId}"></td>
				<td th:text="${item.stuName}"></td>
				<td th:text="${item.arrTime}"></td>
				<td th:text="${item.isCompany}"></td>
				<td th:text="${item.peopleCount}"></td>
				<td th:text="${item.trans}"></td>
			</tr>
		</table>
	</body>
</html>

效果圖如下:

在這裡插入圖片描述

到此這篇關於spring boot 專案中使用thymeleaf模板的案例分析的文章就介紹到這了,更多相關spring boot 使用thymeleaf模板內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!