如何将 p5.js 草图中的变量值插入 MySQL 数据库？答案

【问题标题】：How do you insert the values of variables made in a p5.js sketch into a MySQL database?如何将 p5.js 草图中的变量值插入 MySQL 数据库？
【发布时间】：2019-07-22 13:43:05
【问题描述】：

我在 p5.js 中制作了一个草图，用户可以通过创建形状和在屏幕上拖动它们以及控制滑块等方式对其进行操作。我想知道是否有一种方法可以将形状的 x 和 y 坐标、它们的高度和宽度以及滚动条的位置等内容插入 MySQL 的数据库中，这样我就可以制作一个功能齐全的网站，用户可以在其中创建他们的草图，保存并修改它们。

我曾尝试使用 JSON 文件，但我意识到我无法使用 p5.js 修改 JSON 文件，因此用户将无法修改他们的草图并保存更改。我也在网上搜索了这个问题的解决方案，但似乎没有任何结果。

【问题讨论】：

一种可能的方式您将 JSON 发送到一个中间脚本，例如使用 PHP。写入数据库。并且您使用 AJAX 进行通信。您还可以通过 AJAX 调用 PHP 中的脚本，该脚本将读取数据库并创建新的 JSON 字符串，然后将其发送回浏览器

标签： javascript mysql json p5.js

【解决方案1】：

要与数据库交互，您需要运行服务器端代码。

您的 P5.js 草图（即客户端代码）将向您的服务器发送请求，您的服务器会将数据存储在数据库中。

编写服务器代码的方法有很多，在这里一一列出是不可行的。相反，我建议您先尝试几个不同的选项：列出了 PHP，但也有 Java 服务器（使用 JavaEE）和 JavaScript 服务器（使用 node.js）。

无耻的自我推销：

Here 是关于客户端-服务器通信的教程，特别是 JavaScript 和 Java servlet。
Here 是一个包含将数据存储在 Datastore 中的 P5.js 草图的存储库。

【讨论】：