我目前正在尝试使用Java Spring、MySQL和Thymeleaf来显示实际的图像,而不是它的URL。我有一个类可以从数据库中获取URL作为字符串。
@Entity
@Table(name="person")
public class Person{
@Id
@GeneratedValue(strategy=GenerationType.IDENTITY)
@Column(name="id")
private int id;
@Column(name="name")
private String name;
@Column(name="image")
private String image;
@Column(name="number")
private int number;
在html表单中,我有:
<table class="table table-bordered table-striped">
<thead class="thead-dark">
<tr>
<!-- table headings -->
<th>Name</th>
<th>Image</th>
<th>Number</th>
</tr>
</thead>
<tbody>
<!-- Looping over data -->
<tr th:each="person: ${person}">
<td th:text="${person.name}" />
<td th:text="${person.image}" />
<td th:text="${person.number}" />
<td>
</td>
</tr>
</tbody>
</table>
我需要什么样的thymeleaf表达式或javascript代码来显示url中的图像,而不仅仅是URL字符串?
1条答案
按热度按时间j9per5c41#
在运行
th:each="person : ${persons}"
之前,您还可以/应该检查列表是否为空:'th:if="${不是#列表.isEmpty(人)}"。但对于形象问题:如果您的
person
有一个字段包含所需图像的URI(例如,数据文件夹的相对/绝对路径或在线托管图像的URL),您只需“复制”HTML语法并在其前面添加th:
:<img th:src="${person.imageUrl}" />
干杯