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

时间:2018-05-02 08:04:56

标签: javascript php sql forms web-applications

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

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

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

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

如果这是一个简单的结构,我知道我可以用一个简单的文本形式来做到这一点。不幸的是,它比这复杂一点。该数据库用于记录徒步旅行,我想让用户选择“删除朋友”#34;从旅行中。这将导致旅行中列出的人员在其姓名旁边有一个删除按钮,当用户点击该删除按钮时,我希望看到从网页上删除的名称,并且只有在按下保存按钮后才会对DB进行更改

我刚开始参与项目的这一部分并且还没有任何代码,但是为了让我开始,我有兴趣首先阅读和学习正确的事情。

我是自学成才,有一些基本的php,html,css,sql知识,而且我在项目中实现其他人的javascript代码已经相当成功。

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

1 个答案:

答案 0 :(得分:1)

使用您正在使用的技术,我将采用的方式是在客户端javascript中为对象创建更改跟踪的对象模型。

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

步骤1 将使用户显示/可用于更改的所有实体应在javascript对象中“缓存”客户端,并从那里呈现到页面。 / p>

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

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

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

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

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

我认为还有一些框架可用于这样的事情 - here's one that I found,它可以像你想要的那样做。但是,采用这种框架所需的时间可能比自己做的时间要长。

相关问题