Question

我正在寻找可行和应该如何实现的可能实现或想法。从本质上讲，我有一张桌子，我想制作一个手风琴，我一直关注这里：

http://www.bootply.com/fdTMNTiLis

问题是这个实现设置了例如“＃demo1”，“＃demo2”，当你知道数据和其他所有东西时，这是好的，但我的实现是针对来自数据库的产品，因此不会确切地知道“＃demo1”只是产品ID。

我的问题是，是否有更优雅的方式来显示此信息而无需为包含ID的每个创建隐藏行？

Answer 1

您可以将数据库用于所有数据（作业名称描述 - 提供商名称 - 地区状态）和Thymeleaf，以便可视化HTML页面中的所有数据。

E.g。

<tr th:each="datas : ${data}"
                    th:attr="data-dataId=${data.id}" data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
              <td><button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button></td>
        <td th:text="|${data.name}|">OBS Name</td>
        <td th:text="|${data.description|">OBS Description</td>
        <td th:text="|${data.cloud}|">hpcloud</td>
        <td th:text="|${data.nova}|">nova</td>
      <td> created</td>

    </tr>

阅读Thymeleaf的指南以获取更多示例。

您需要在我们的项目中使用Controller.java来使用数据库连接

Bootstrap CSS动态表手风琴

1 个答案: