html中使用Thymeleaf模板绘制一个销量单表格
时间: 2024-05-11 11:20:20 浏览: 8
可以使用以下代码绘制一个简单的销量单表格:
```html
<table>
<thead>
<tr>
<th>商品名称</th>
<th>销售量</th>
<th>销售额</th>
</tr>
</thead>
<tbody>
<tr th:each="item : ${items}">
<td th:text="${item.name}"></td>
<td th:text="${item.sales}"></td>
<td th:text="${item.revenue}"></td>
</tr>
</tbody>
</table>
```
其中,`${items}` 是一个包含销售数据的列表,每个元素包含商品名称、销售量和销售额三个属性。Thymeleaf 模板引擎会根据 `${items}` 列表的元素数量动态生成表格行,并将每个元素的属性值填充到对应的表格单元格中。
在页面中使用这个模板时,需要在 `<html>` 标签中添加 Thymeleaf 的命名空间:
```html
<html xmlns:th="http://www.thymeleaf.org">
...
</html>
```
添加命名空间后,就可以通过在页面中引用模板的方式来使用它:
```html
<div th:replace="sales-table :: table"></div>
```
其中,`sales-table` 是模板文件的名称,`.html` 后缀可以省略;`table` 是模板文件中定义的片段名称,表示要引用模板中的哪一部分内容。在这个例子中,我们假设模板文件的名称是 `sales-table.html`,并且包含了上面的表格模板。