如何使用 python 将 MySQL 数据库数据输入到 html 表中？答案

【问题标题】：How to input MySQL database data to a html table using python?如何使用 python 将 MySQL 数据库数据输入到 html 表中？
【发布时间】：2021-06-08 07:59:51
【问题描述】：

我对同步使用 MySQL、HTML 和 Python 还很陌生。我有一个使用 HTML、CSS 和 Javascript 创建的网站。然后我使用 Python 将数据输入到 MySQL 数据库中。我的问题是如何在我的 HTML 端创建一个表并使用 Python 将 MySQL 数据输入到表中。我希望表格按行动态增长（即我不想刷新/重新加载，新数据应该在新行中输入 HTML 表格，以便表格显示 MySQL 数据库中的所有数据）。

到目前为止，我将数据正确地输入到 MySQL 数据库中并且正在填充。但是，我不知道如何：

创建一个根据数据量动态增长的 HTML 表格
使用 Python 将 MySQL 数据库中的数据输入到表中
我想要一个不使用 PHP 的解决方案

我对 MySQL、HTML 和 Python 非常陌生，因此，非常感谢任何和所有帮助。提前谢谢！

【问题讨论】：

我想要一个不使用 PHP 的解决方案 - 那为什么要包含 php 标签？
我建议查看flask，您可以使用它来渲染您的html，并添加额外的位

标签： python mysql html-table

【解决方案1】：

您似乎需要使用服务器来顺利管理网站的运营。您可能应该检查一下flask，它非常用户友好。如果您对 Python 有一定的经验，应该不难弄清楚。

后端：Flask 具有处理 MySQL 数据库的附加功能，并在服务器收到请求时处理操作。您的服务器可以通过响应 JSON 来处理此请求。查看flask.ext.mysqldb。使用 Python 的 json 库，您可以轻松地将查询转换为 JSON。 Check this answer out for more details

前端：您可以使用各种 JavaScript 方法来处理 HttpRequest，例如 fetch 和 XMLHttpRequest。您可以调用您的服务器并询问您的服务器存储在您的后端中的数据，并使用您收到的 JSON 填充表。

动态增长的 HTML：这是一个虚拟函数，假设您从服务器接收到 JSON 响应并且您的 MySQL 表中只有 2 列。下面的代码是 JavaScript。采用这样的虚拟 HTML：

<table id="table">
</table>

使用处理服务器响应的 JavaScript 函数。

    const response = //JSON response from server
    var table = document.getElementById("table");
    table.innerHTML = ""; //making sure we don't present corrupt data
    response.forEach((result, index) => {
        const content = `    <tr>
<td>${result['col1']}</td>
<td>${result['col2']}</td> </tr>}`;
        table.innerHTML += content;
    })

附注：您可以使用 CSS 类来设置这些表格的样式！

我知道这是对要做什么的非常高级的解释。如果您有任何进一步的说明，请告诉我！

【讨论】：