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

Question

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

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

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

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

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

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

我是自学成才的，对 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似乎可以做您想要的事情。但是，采用这样一个框架所花费的时间可能比您自己做的时间要长。