1
我开始创建一个简单的烧瓶动力网页。 网页任务是一个简单的按钮,当它按下时改变它的颜色状态,将更新mysql上的状态 。烧瓶和JavaScript到MySQL
但我有点新瓶框架,不知道如何注入正确的代码 实现与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)
我的样本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>