Flask和javascript到MySQL_Javascript_Python_Mysql_Flask

Flask和javascript到MySQL

javascript python mysql flask

Flask和javascript到MySQL,javascript,python,mysql,flask,Javascript,Python,Mysql,Flask,我开始创建一个简单的烧瓶驱动的网页。网页任务是一个简单的按钮，将更新状态在mysql上，每当按下时更改其颜色状态时但我对flask框架还是有点陌生，不知道如何注入正确的代码实现了与javascript相结合的情况。希望有人能帮助或演示如何做到这一点，或一些指示步骤来显示以下是我的示例代码： from flask import Flask, render_template app = Flask(__name__) @app.route("/") def sample():

我开始创建一个简单的烧瓶驱动的网页。网页任务是一个简单的按钮，将更新状态在mysql上，每当按下时更改其颜色状态时

但我对flask框架还是有点陌生，不知道如何注入正确的代码实现了与javascript相结合的情况。希望有人能帮助或演示如何做到这一点，或一些指示步骤来显示

以下是我的示例代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def sample():
    return render_template('button.html')

if __name__ == "__main__":
    app.run(port=8001,debug=True)

templates文件夹下的my sample button.html：

<!DOCTYPE html>
<html>
<head>

<script>
    var count = 1;
    function setColor(btn) {
        var property = document.getElementById(btn);
        if (count == 0) {
            property.style.backgroundColor = "#000000"
            count = 1;        
        }
        else {
            property.style.backgroundColor = "#7FFF00"
            count = 0;
        }
    }
</script>
</head>

<body>

<input type="button" id="button" value = "button" style= "color:white;background-color: #000000;" onclick="setColor('button')";/>

</body>
</html>


var计数=1；
功能设置颜色（btn）{
var属性=document.getElementById（btn）；
如果（计数=0）{
property.style.backgroundColor=“#000000”
计数=1；
}
否则{
property.style.backgroundColor=“#7FFF00”
计数=0；
}
}

有几种不同的处理方法。一种简单的方法是创建如下javascript函数：

<script>
   $(function(){
       $("#flaskRoute").onclick("#divID");
   });
</script>

这是一个向数据库中插入内容的示例代码，如果您已经知道定义的颜色，则可以执行更新。您还可以使用相同的方法在加载网页时查询数据库，以获取数据库中的当前颜色集

<input type="button" id="divID" value = "button" style= 
"color:white;background-color: #000000;" onclick="setColor('button')";/>

from flask import Flask, request, render_template
import pymysql

db = pymysql.connect("localhost", "username", "password", "DB")

app = Flask(__name__)
api = Api(app)

@app.route('/flaskRoute')
def put(self, color):
        cursor = db.cursor()
        sql = "INSERT tablename SET color = %s WHERE fieldname = %s"
        cursor.execute(sql, (color, fieldname))
        db.commit()
        return render_template('button.html')

if __name__ == '__main__':
app.run(debug=True)