从前端更新数据库表

Question

我很难弄清楚如何做到这一点。我目前安装了带有 PyMySQL 和 SQLAlchemy 的 Flask 来处理后端数据库连接。我已经在配置文件中链接了连接并且一直在使用它。前端使用 Angular CLI 和 bootstrap，但安装了其他东西，例如 JQUERY、Popper 和 primeng。

问题是我需要从前端的表单访问数据库和 update/delete/insert 数据。因此，用户可以在文本框中键入查询，我的数据库将运行它。我知道如何从后端获取数据并将其带到前端显示，但我不知道如何反过来。

这样，如果 update/delete/insert 上出现错误消息，例如违反外键策略，则需要将该消息显示回前端。

任何帮助都将非常有用，谢谢！

Answer 1

您可以使用 AJAX 提交表单。在用户点击您的表单上的提交按钮后，您从 inputs 收集所有数据到一个表单中并像这样发送（使用 JQuery）：

$(function() {
    $('button').click(function() {
        $.ajax({
            url: '/signUpUser',
            data: $('form').serialize(),
            type: 'POST',
            success: function(response) {
                console.log(response);
            },
            error: function(error) {
                console.log(error);
            }
        });
    });
});

在烧瓶一侧：

@app.route('/signUpUser', methods=['POST'])
def signUpUser():
    user =  request.form['username']
    password = request.form['password']
    # Use form data for CRUD in your database

从前端更新数据库表

Updating database tables from the front end

jquery

database

flask

flask-sqlalchemy

pymysql