簡體   English   中英

什么是用於處理HTML中的復雜的形式,最好的辦法?

[英]What is the best approach for handling a complex form in html?

我需要實現一個包含大量復選框和文本字段的Web表單(JSP,struts)。 基本上,我有一棵由復選框組成的樹,它必須是可擴展的(例如添加一個新節點)。 在另一頁上,使用相同的數據,但對其進行了改進。 因此,您可以使用文本框等將子節點再次添加到上述數據結構中。我可以用XML描述數據結構:但實際上包含約100行。

我發現了3種方法:1.在JSP中創建一個Web表單,這會降低用戶體驗,因為有必要進行大量的回發(每次我添加/編輯/刪除節點,子節點...)。2.以異步方式進行。 ->大量的javascript處理數據的結構(將XML數據保留在隱藏的div中並更新ui)3.選擇像OpenLaszlo這樣的RIA

你有什么建議?

如果您已經了解OpenLaszlo,請繼續。 您將以更少的工作獲得更好的用戶體驗。

開發應用程序時,應該以用戶界面和性能為目標。 因此,IMO,純JSP將是我的最后一種方法。

您可以考慮客戶端渲染。
它允許構建響應迅速的Web應用程序:

  • 構建您的JSP頁面以傳遞JSON數據,這里沒有HTML

  • 在瀏覽器中使用JavaScript模板引擎在HTML客戶端中轉換數據。 我是PURE的作者,但網絡上還有很多其他內容可能更適合您的風格

  • 當用戶鍵入或按提交時,請使用許多框架中常用的技術來解析表單。
    即:“名稱”屬性是在JSON中設置值的路徑
    <input name="employee.name" type="text" ... />

  • 解析表單后,將JSON回發到JSP頁面,該頁面將讀取它並執行后端工作。

您可以使用XML而不是JSON和XSLT來代替JS模板引擎,但是如果僅針對Web瀏覽器,那么它將增加一層額外的復雜性和解析XML的麻煩。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM