Thymeleaf 在页面的取值方式

Myth丶恋晨 2023-05-31 03:20 193阅读 0赞

**创建实体类**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70]

###### 从model 中拿值 ######

html:

classpath:thyeleaf/hello.html
    	<h1 th:text="${student.id}"></h1>
    	<h2 th:text="${student.name}"></h2>
    	<h1 th:text="${student.address}"></h1>
    	<h1 th:text="${student.sex}"></h1>
    	<h1 th:text="${#dates.format(student.birth,'yyyy-MM-dd HH:mm:ss')}"></h1>

controller:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 1]

###### Thymeleaf读取model里面的集合 ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 2]

###### Themeleaf在js中取值 ######

页面显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70]: /images/20230531/eb1c242958884fcca6e7fded6c847e81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 1]: /images/20230531/08363f5439694ceebb7b85438aeed175.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 2]: /images/20230531/75fc6355b07d40779ccea58b1624f49c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlbmc3NA_size_16_color_FFFFFF_t_70 3]: /images/20230531/ecfeeca210c946d28ffdd0ecb09af1b6.png