php - 使用 JavaScript 维护动态 MySQL 表

Question

我有一个包含 3 列的 MySQL 表:

MySQL db table
+--+----+-------------+
|id|data|display_order|
+--+----+-------------+
|0 |0   |2            |
+--+----+-------------+
|1 |1   |1            |
+--+----+-------------+
|2 |1   |2            |
+--+----+-------------+
|3 |1   |3            |
+--+----+-------------+
|4 |1   |4            |
+--+----+-------------+
|5 |1   |5            |
+--+----+-------------+

使用 PHP 生成 HTML 中的 div:

HTML generated from DB:
<div>
    Div From id 1
    <button>Remove Div</button>
</div>
<div>
    Div From id 2
    <button>Remove Div</button>
</div>
<div>
    Div From id 3
    <button>Remove Div</button>
</div>
<div>
    Div From id 4
    <button>Remove Div</button>
</div>
<div>
    Div From id 5
    <button>Remove Div</button>
</div>
<button>Add Div</button>
<button>Update DB</button>

然后可以通过按上面的“添加”或“删除 Div”按钮使用 JavaScript 更改生成的 div:

HTML changed:
 <div>
    Div From id 1
    <button>Remove Div</button>
</div>
<div>
    New Div 1
    <button>Remove Div</button>
</div>
<div>
    Div From id 2
    <button>Remove Div</button>
</div>
<div>
    Div From id 4
    <button>Remove Div</button>
</div>
<div>
    Div From id 5
    <button>Remove Div</button>
</div>
<div>
    New Div 2
    <button>Remove Div</button>
</div>
<button>Add Div</button>
<button>Update DB</button>

一旦 HTML 中的 div 发生更改，就需要更新数据库(按“更新数据库”)，如何正确更新数据库？我只想在按下更新按钮时更新数据库，并且我需要知道要更新什么，要插入什么，要删除什么。我还想更新显示顺序以反射(reflect)添加或删除的 div。

我的本​​能是将表 ID 和显示顺序放入 HTML div 中的隐藏字段中，但我不确定这样做是否安全，这是否会存在某种安全风险？我不太确定如何继续，有人介意给我一些建议吗？

谢谢!

Answer 1

我不明白你为什么不能这样做。

您为了修改数据库而发布到的 PHP 文件中可能会出现安全漏洞。确保请求只能来自本地IP，并传入要添加和删除的div ID以及脚本的命令。确保您没有将数据从 POST 请求直接传递到数据库中。

在本地维护页面的状态，可能会低频率轮询更新数据。