如何编辑 Web 应用程序中的特定部分？

Question

我使用 Spring 创建了一个 Web 应用程序。在其中一个页面中，我有三个部分的个人信息、家庭信息和专业信息。对于每个部分，我在 DB 中有一个单独的表。我正在从 3 个表中查询数据并在 UI 中显示。

现在我要在每个部分的顶部引入编辑链接，用户应该能够编辑每个部分。我有 3 种方法，但不确定使用哪一种。

1. 当用户单击编辑链接时。使用用户 id 查询数据库（它将作为参数在链接中可用）并从数据库（重复作业）中获取特定部分的数据，并在新屏幕的文本框中显示值。用户可以编辑值并点击提交。
2. 有 6 个部分。 3 个带有标签和数据的部分，3 个带有带有数据的文本框的部分。使用 JQuery 隐藏所有 3 个部分，其中包含加载数据的文本框。当用户单击编辑链接时，只需隐藏带有标签和数据的部分，并仅显示带有提交按钮的文本框。
3. 有 3 个带文本框的部分，但更改样式并使其看起来像标签。当用户单击编辑链接时，将外观更改为文本框。

你能推荐一个更好的方法吗？

问题：2

我在所有 3 个部分的编辑屏幕上都有提交和取消按钮。如果用户编辑特定字段并单击取消按钮，如何在不再次查询数据库的情况下恢复默认值？

Answer 1

1. 这取决于您拥有的数据和用户编辑数据的频率。 如果数据量大，编辑频率相对规律，那么第一种方法是最好的。由于您不想在页面加载时加载所有数据，因此只有在用户请求编辑时才查询数据库并获取数据。

如果您的数据量较小且性能是关键参数，请使用第二种方法，因为用户不想等待编辑数据（初始加载可能需要相当长的时间）

1. 加载数据后，将其存储在变量中，以防用户取消编辑，只需从该变量中恢复内容即可。