天天看點

【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf

文章目錄

  • ​​前端架構表格資料輸入​​
  • ​​Jsp​​
  • ​​Thymeleaf​​

前端架構表格資料輸入

Jsp

在這裡之前封裝了MyBatis的service、serviceImpl,用于互動資料庫查詢所有User使用者資訊,在controller層,實作查詢所有使用者資訊,利用Model将資訊存儲在請求域中,前端利用​

​${requestScope.list}​

​擷取請求域中的User資訊集合,通過​

​c:foreach​

​進行循環輸出,展示到前端table中。

【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf
【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf

效果展示:

【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf

​​傳回頂部​​

Thymeleaf

使用thymeleaf渲染模闆,用法基本一緻。後端這裡模拟資料,同樣通過Model存儲在請求域中,前端頁面通過thymeleaf的​

​th:each​

​标簽對請求域中的資訊提取周遊展示。

【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf
【前端架構表格資料輸入】兩種方式:Jsp、Thymeleaf

效果展示:

繼續閱讀