在html中处理复杂表单的最佳方法是什么?

时间:2010-02-02 16:53:41

标签: javascript xml jsp ria

我需要实现一个包含大量复选框和文本字段的webform(JSP,struts)。基本上我有一个由复选框组成的树,它必须是可扩展的(比如添加一个新节点)。在另一页上,使用相同的数据,但精炼。所以你使用文本框等将子节点再次添加到提到的数据结构中。我可以用XML描述数据结构:                                        但实际上包含大约100行。

我发现了3种方法: 1.在JSP中执行webform会降低用户体验,因为需要大量的回发(每次添加/编辑/删除节点,子节点......) 2.以异步的方式做。 - >加载javascript来处理数据结构(将XML数据保存在隐藏的div中并更新ui) 3.去像OpenLaszlo这样的RIA

你有什么建议?

2 个答案:

答案 0 :(得分:0)

如果你已经知道OpenLaszlo,那就去吧。您将以更少的工作获得更好的用户体验。

开发应用时,您应该定位用户界面和性能。所以IMO,普通的JSP将是我的最后一种方法。

答案 1 :(得分:0)

您可以考虑客户端渲染。
它允许构建响应迅速的Web应用程序:

  • 构建JSP页面以提供JSON数据,此处没有HTML

  • 在浏览器中使用javascript模板引擎转换HTML客户端中的数据。我是PURE的作者,但网上有很多其他人可能更适合你的风格

  • 当用户输入或按提交时,使用许多框架中的常用技术解析表单。
    即:“name”属性是在JSON中设置值的路径 <input name="employee.name" type="text" ... />

  • 解析表单时,将JSON回发到JSP页面,该页面将读取它并执行后端工作。

您可以使用XML而不是JSON和XSLT而不是JS模板引擎,但如果您仅定位Web浏览器,则会增加额外的复杂性并且无法解析XML。