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,eee: ${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>
</html>

效果圖如下:

————————————————
版權宣告:本文為CSDN博主「YUEXILIULI」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/YUEXILIULI/java/article/details/103099403