首页 > 其他分享 >Thymeleaf常用标签

Thymeleaf常用标签

时间:2023-02-22 17:47:00浏览次数:25  
标签:常用 name 标签 new Thymeleaf html th modelAndView ModelAndView

Thymeleaf常用标签

th:each

Handler:

@GetMapping("/each")
public ModelAndView each(){
   List<User> list = Arrays.asList(
           new User(1,"张三"),
           new User(2,"李四")
  );
   ModelAndView modelAndView = new ModelAndView();
   modelAndView.setViewName("testeach");
   modelAndView.addObject("list",list);
   return modelAndView;
}

实体类:

package com.southwind.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
@Data
@AllArgsConstructor
public class User {

   private  Integer id;
   private  String name;


}

html

<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org"></html>
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<table>
   <tr>
       <th>编号</th>
       <th>姓名</th>
   </tr>
   <tr th:each="user:${list}">
       <td th:text="${user.id}"></td>
       <td th:text="${user.name}"></td>
   </tr>
</table>
</body>
</html>
  • th:value

handler

@GetMapping("/value")
public ModelAndView value(){
   ModelAndView modelAndView = new ModelAndView();
   modelAndView.setViewName("testvalue");
   modelAndView.addObject("value","Spring Boot测试");
   return modelAndView;
}

html

<input type="text" th:value="${value}">
  • th:src

    用来引入静态资源,相当于HTML原生标签里的img,script里的src属性。

Spring Boot默认不会扫描 Resources 里 templates里面的html,但是会扫描 Resources 里 templates里static的html。所以通过浏览器直接访问对应的html文件会报错,必须经过handler层才能访问。static里面静态资源则相反,可以直接通过浏览器直接访问对应的html。

图片,css,js,静态加载的html都需要放置在resources/static文件中

 

 

handler

@GetMapping("/src")
public ModelAndView src(){
   ModelAndView modelAndView = new ModelAndView();
   modelAndView.setViewName("testsrc");
   modelAndView.addObject("src","/1.png");
   return modelAndView;
}

html

//<img th:src="${src}">

如果src的值,直接写在HTML中

//<img th:src="@{/1.png}">

如果只是经过前台把png,导入到html里面.(此时html和png都在static文件夹下)

//<img src="1.png">
  • th:href

    用作设置超链接的href.

handler

@GetMapping("/href")
public ModelAndView href(){
ModelAndView modelAndView = new ModelAndView();
modelAndView.setViewName("testhref");
modelAndView.addObject("href","https://www.baidu.com");
return modelAndView;
}

html

<a th:href="${href}">百度</a>
  • th:selected

    用作给HTML元素设置选中,条件成立则选中,否则不选中。

@GetMapping("/select")
public ModelAndView select(){
List<User> list = Arrays.asList(
new User(1,"张三"),
new User(2,"李四"),
new User(3,"王五")
);
ModelAndView modelAndView = new ModelAndView();
modelAndView.setViewName("testselect");
modelAndView.addObject("list",list);
modelAndView.addObject("name","李四");
return modelAndView;

}

html

<select>
<!--做一个下拉框,下拉框打开后,张三李四王五,默认是李四-->
<option th:each="user:${list}"
th:value="${user.id}"
th:text="${user.name}"
th:selected="${user.name==name}"
></option>
</select>

select标签结合th:each来使用,首先遍历list集合动态创建option元素,根据每次遍历出的user.name与业务数据中的name是否相等来决定是否要做选择。

  • th:attr

给HTML标签的任意属性赋值。

@GetMapping("/attr")
public ModelAndView attr(){
ModelAndView modelAndView = new ModelAndView();
modelAndView.setViewName("testattr");
modelAndView.addObject("attr","Spring Boot 测试");
return modelAndView;
}

html

<input th:attr="value=${attr}">
<input th:value="${attr}">;

标签:常用,name,标签,new,Thymeleaf,html,th,modelAndView,ModelAndView
From: https://www.cnblogs.com/zhangtiedangg/p/17145285.html

相关文章

  • css选择器 选择相同标签中的第N个
    <div><span>O了个K</span><span>2020-05-08</span><span>来源:***</span></div>使用css选择器怎么才可以选择到文本“2020-05-08”和"来源:***"div>span:nth-c......
  • Java常用类之Object源码分析
    一、概述理论上Object类是所有类的父类,即直接或间接的继承java.lang.Object类。由于所有的类都继承在Object类,因此省略了extendsObject关键字。Object类属于java.lang包......
  • IDEA 常用插件
    推荐插件Chinese(Simplified)LanguagePackAlibabaJavaCodingGuidelines阿里巴巴代码规范检查插件PresentationAssistant快捷键展示KeyPromoterX快捷键......
  • IDEA 常用快捷键
    一、常用快捷键Ctrl+F12弹出当前文件结构层(类的方法属性等),可以在弹出的层上直接输入,进行筛选Ctrl+左键单击在打开的文件标题上,弹出该文件路径Ctrl+N根据输入......
  • 深度分析2种最常用待办事项清单法+工具实操
    建待办事项清单的方法有很多种,你可能已经熟悉了其中一种,但没有了如指掌,恐怕也没有想过哪种方法最适合自己,给大家整理当下职场最常用的两个代办清单事项方法,只需看这两个就......
  • 【鼠】安卓学习杂记(二十四)——Android之Adapter之SimpleAdapter(简单适配器(不常用)——
    一、效果图二、XML代码自定义布局文件:<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"an......
  • 外汇天眼:常用的外汇EA交易策略有哪些?
    目前外汇市场上的EA智能交易软件很多,其中大部分是根据各种技术指标结合历史数据来设定的交易程序,EA交易大多是成熟的交易模型,能进行程序化交易。作为一个自动交易系统,它会根......
  • 大数据应用场景下,标签策略如何实现价值最大化?
    如今,各行各业都已经意识到了数据的价值,开始沉淀数据资产,挖掘数据价值,但是数据本身其实是很难直观地看到其价值的。数据就是存储在计算机系统的“01”代码,如果你不去用它,能......
  • java8 stream 常用操作
    遍历//list遍历,stream()可省略list.stream().forEach(e->{});//map遍历map.forEach((k,v)->{});过滤//保留age>18的userList.stream().filter(e......
  • BAPI调用 - SAP 库存管理常用BAPI
    BAPI调用-SAP库存管理常用BAPIIAmZenos关注IP属地:重庆0.1662019.09.3011:00:07字数405阅读1,999库存管理BAPI库存:1.BAPI_MATERIAL_AVAILABILITY 获得......