使用动态表单/网页编辑数据库的内容

Question

我正在寻找有关使用哪些工具和资源的建议，并仔细阅读以解决我的问题。

该项目是一个由 php、html、css、sql 和一些 javascript 构建的数据库驱动网站。

在我的项目中，我希望允许用户返回之前输入到多表数据库中的数据，并为他们提供删除或编辑该数据的选项。

而不是在每次更改后更新数据库，我希望用户能够在客户端进行所有更改，以便网页动态更改以显示这些更改，然后当按下保存按钮时 PHP 将编写适当的查询并修改数据库。

如果这是一个简单的结构，我知道我可以用一个简单的文本表单来做到这一点。不幸的是，它比这更复杂一些。该数据库用于记录远足旅行，我想为用户提供一个选项，以从旅行中“删除朋友”。这将涉及旅行中列出的人在他们的名字旁边有一个删除按钮，当用户单击该删除按钮时，我希望看到从网页中删除的名称，并且只有在按下保存按钮后才会对数据库进行更改.

我刚刚开始我的项目的这一部分，还没有任何代码，但有兴趣首先阅读和学习正确的东西，以便让我开始。

我是自学成才，对 php、html、css、sql 有一些基本的了解，并且在我的项目中实现其他人的 javascript 代码方面相当成功。

感谢您抽出宝贵时间阅读本文。我希望我已经清楚地描述了我的问题，如果您有任何问题，请随时提问。

Answer 1

使用您正在使用的技术，我这样做的方式是创建一个对象模型，以便在您的客户端 javascript 中对您的对象进行更改跟踪。

您还需要在客户端 JavaScript 中为实体本身建立一个对象模型。这是因为，如果您不更新服务器上的实体，从那里重新加载它们会覆盖用户已经做出的更改。

第 1 步将让用户显示/可更改的所有实体都“缓存”在 javascript 对象中的客户端，并从那里呈现到页面。

第 2 步 他们将介绍跟踪更改的对象模型。对象可能如下所示：

{
  "changeType": "remove-friend-from-trip",
  "friendId": 12,
  "tripId": 27
}

每当用户进行更改时，您都会将该更改作为 javascript 对象推送到您维护所有更改的本地集合中。您还将更新正在显示的本地 javascript 对象。

第 3 步 将实现页面“保存”功能的逻辑。它应该检查本地跟踪更改集合中的更改，并将这些更改转换为适当的帖子到网络服务器。

这里的问题可能是在整个页面重新加载之间处理本地对象，我认为它必须基于 cookie - 为了生存。除非应用程序已经是 SPA。

我认为还有一些框架可用于这样的事情 - here's one that I found 可以做你想做的事情。但是，采用这样的框架所花费的时间可能比自己动手的时间要长。