为提交按钮创建事件处理程序

时间:2018-10-30 11:30:05

标签: python django web flask

我想为按钮创建一个事件处理程序,它将更改背景颜色。

这是我的代码

HTML

 <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title>Flask Tutorial</title>
      </head>
      <body>
        <h1> My First Try Using Flask </h1>
        <p> Flask is Fun </p>
         <form method="post">
        <input  type="submit" name="red" value ="red" >
         </form>
      </body>
    </html>

烧瓶

from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def home():
    red  = request.form("background-color:red;")
    return render_template("home.html")

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

如何为Flask中的按钮单击设置均匀处理程序?

1 个答案:

答案 0 :(得分:1)

这是一个用烧瓶编写的简单事件处理程序。

index.html(您的代码,具有表单的action属性):

 <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Flask Tutorial</title>
  </head>
  <body>
    <h1> My First Try Using Flask </h1>
    <p> Flask is Fun </p>
     <form action="/action" method="POST">
    <input  type="submit" name="red" value ="red" >
     </form>
  </body>
</html>

然后,该动作是另一个html页面,类似于事件处理程序。 action.html:

<html> <p> Button color is {{ red }} </p> </html>

处理事件的烧瓶代码如下:

from flask import Flask, render_template, request
import os

app = Flask(__name__, template_folder=os.getcwd())
@app.route("/")
def home():
    return render_template('index.html')

@app.route("/action", methods = ['POST'])
def action():
    red = request.form.get('red')
    return render_template('action.html', red=red)

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

希望这会有所帮助