在Web应用程序中编辑模式查看模式

Question

通常，我们有许多页面有时应该在查看模式下有时可用，有时在编辑模式下可用。更糟糕的是，有时候只有那些领域的某些领域应该是可编辑的。

这是否有任何设计模式和最佳实践？一种解决方案是创建2页 - 一个用于查看，一个用于编辑。另一种是应用CSS样式，使所有输入看起来像正常的不可编辑文本。还有其他更好的吗？

Answer 1

我不会用你的两页办法。举个例子，你在页面上有10个字段。对于不同的请求（例如，不同的用户权限，角色或其他功能），您可以呈现包含不同的可编辑字段集合的页面。

request1, field 1,2,3 should be editable 
request2, field 2,3 should be editable 
request3, field 3,6,7 should be editable 
... 

你会如何在您的多页办法处理这个问题？

我会在服务器端创建一个列表，其中包含需要显示为可编辑的字段（例如名称）。

在您的jsp中，当您打印字段时，检查该字段是否在该列表中，如果为true，则将其显示为可编辑，否则显示为只读。

希望它有帮助

Answer 2

在我们的应用程序中，页面上的编辑器元素具有“只读”属性，并相应地修改了DOM。因此，当组件可编辑时，您将获得span（或组件使用的任何只读模式）或input元素。

在服务器上，这由DSL控制，该DSL定义您编辑的对象类型，您可以看到哪些字段以及每个字段处于哪种模式。

整个应用程序是基于ZK，因为它可以很容易地从Java代码中替换部分DOM。