0

我目前有一个网页，其中有几行标记为“事物”的对象。截至目前，我将它们在 html 中硬编码为“风扇速度、温度、光线等”，如图所示：http: //i.imgur.com/ocRUlaD.png

我希望通过将这些条目存储在数据库中（目前使用 postgres）来使这些条目动态化，并直接从数据库中填充此框。这样，用户可以添加或删除“事物”并不断更新，类似于购物车。

现在，为了让它工作，我有点困惑如何制作它，以便我可以为每个条目动态添加 HTML。最终，每行条目都应该有自己的表单，因此每行的 HTML 代码将非常相似，但每个表单都需要有唯一的链接。

我目前已经能够以 JSON 格式从数据库中检索所有条目。添加这些动态 div/html 块以为每个“事物”创建新行的最佳方法是什么？

这是我为负责“Light 1”的 div 提供的一些示例 html 代码。其他行将非常相似，但具有适当的表单操作和 ID。

<div class="large-event" id="space-font">
              <!-- Collapsable Button -->
              <a data-toggle="collapse" data-target="#light1" href="#">
                Light 1
                <img src="onBulb.png" id="bulbPic1" width="25" height="40" alt="">
              </a>

              <!-- LIGHT 1 Collapse Material -->
              <div id="light1" class="collapse out">
                <div class="shift-right">
                  <form method="post" style="display:inline" action="/testlamp">
                    <input type="hidden" name="node_address" value="1">
                    <input type="radio" id="lampOn1" name="data_value" value="on" checked> On
                    <input type="radio" id="lampOff1" name="data_value" value="off"> Off
                    <input type="button" id="lampButton1" inline class="btn" onclick="lampStatusChange(this.id)" value="Submit">
                  </form>
                </div>
              </div>
</div>
4

1 回答 1

0

使用 javascript 模板并填写数据库信息？

http://underscorejs.org/#template

或者，如果您想在服务器端进行模板化，您可以执行以下操作：

使模板更容易的 JSP 技巧？

于 2013-06-04T03:33:59.350 回答