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

我正在寻找关于使用什么工具和资源来解决我的问题的建议

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

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

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

如果这是一个简单的结构，我知道我可以用一个简单的文本形式。不幸的是，事情比这复杂一点。DB用于记录远足旅行，我想给用户一个选项，从旅行中“删除一个朋友”。这将涉及行程中列出的人员在其姓名旁边有一个删除按钮，当用户单击该删除按钮时，我希望看到该姓名从网页中删除，并且仅在按下保存按钮后才对数据库进行更改

我只是在我的项目的这一部分的开始，还没有任何代码，但有兴趣阅读和学习正确的东西，首先，为了让我开始

我自学成才，对php、html、css、sql有一些基本知识，并且在我的项目中成功地实现了其他人的javascript代码

---

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

有了您正在使用的技术，我要做的就是创建一个对象模型，以便在客户端javascript中跟踪对象的变化

在客户端javascript中，还需要实体本身的对象模型。这是因为，如果您不更新服务器上的实体，则从那里重新加载它们将覆盖用户已经进行的更改

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

第2步将引入跟踪更改的对象模型。对象可以如下所示：

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

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

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

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

---

我认为还有一些框架可以用于类似这样的事情——似乎可以做一些你想要的事情。然而，采用这样一个框架所需的时间可能比自己动手所需的时间要长。

非常感谢您的回复。这里有很多需要研究的地方，以及我需要做什么才能开始。