動態添加新的div/html與JSP？

我目前有一個網頁，有幾行標記爲「東西」的對象。到目前爲止，我已經將它們硬編碼爲html，如圖所示：「風扇速度，溫度，光照等」：http://i.imgur.com/ocRUlaD.png 動態添加新的div/html與JSP？

我期望通過將它們存儲在數據庫中來使這些條目動態化目前使用postgres），並直接從數據庫中填充此框。通過這種方式，用戶可以添加或刪除「事物」並不斷更新，類似於購物車。

現在，爲了這個工作，我有點困惑，要做什麼才能讓我可以動態地爲每個條目添加HTML。最終，每一行條目都應該有自己的表單，因此每行的HTML代碼將非常相似，但每個表單都需要有唯一的鏈接。

我目前已經能夠以JSON格式檢索數據庫中的所有條目。添加這些動態div/html塊爲每個「東西」創建新行的最佳方法是什麼？

這裏是一些示例html代碼，我有專門負責「Light 1」的div。其他行將非常相似，但具有適當的表單操作和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>

來源

2013-06-04 Ray J Tong