Flask 消息闪现

Flask 消息闪现

w3cschool的教程代码有好多错误。这是运行通过的。

一个好的基于GUI的应用程序会向用户提供有关交互的反馈。例如,桌面应用程序使用对话框或消息框,JavaScript使用警报用于类似目的。

在Flask Web应用程序中生成这样的信息性消息很容易。Flask框架的闪现系统可以在一个视图中创建消息,并在名为next的视图函数中呈现它。

Flask模块包含flash()方法。它将消息传递给下一个请求,该请求通常是一个模板。

flash(message, category)

其中:

  • message参数是要闪现的实际消息。
  • category参数是可选的。它可以是“error”,“info”或“warning”。

为了从会话中删除消息,模板调用get_flashed_messages()。

get_flashed_messages(with_categories, category_filter)

两个参数都是可选的。如果接收到的消息具有类别,则第一个参数是元组。第二个参数仅用于显示特定消息。

以下闪现在模板中接收消息。

{% with messages = get_flashed_messages() %}
   {% if messages %}
      {% for message in messages %}
         {{ message }}
      {% endfor %}
   {% endif %}
{% endwith %}

让我们看一个简单的例子,演示Flask中的闪现机制。让我们看一个简单的例子,演示Flask中的闪现机制。在以下代码中,'/' URL显示登录页面的链接,没有消息闪现。

@app.route('/')
def flashindex():
    return render_template('Flash.html')

该链接会将用户引导到'/ login' URL,该URL显示登录表单。提交时,login()视图函数验证用户名和密码,并相应闪现'success'消息或创建'error'变量。

@app.route('/login',methods = ['GET','POST'])
def login():
    error = None
    if request.method == 'POST':
        if request.form['username'] != 'admin' or request.form['password'] != 'admin':
            error = 'Invalid username or password. Please try again!'
        else:
            flash('You were successfully logged in!')
            return redirect(url_for('flashindex'))
    return render_template('FlashLogin.html',error = error)

如果出现错误,则会重新显示登录模板,并显示错误消息。

FlashLogin.html



  Login


 

Login

{% if error %}

Error:{{ error }} {% endif %}

Username:
Password:

另一方面,如果登录成功,则会在索引模板上刷新成功消息。

Flash.html



  Flash


 {% with messages = get_flashed_messages() %}
    {% if messages %}
        
    {% for message in messages %}
  • {{ message }}
  • {% endfor %}
{% endif %} {% endwith %}

Flask Message Flashing Example

Do you want to log in ?

下面给出了Flask消息闪现示例的完整代码:

Flash.py

from flask import Flask,flash,redirect,render_template,request,url_for,get_flashed_messages
app = Flask(__name__)
app.secret_key = 'random string'
@app.route('/')
def flashindex():
    return render_template('Flash.html')

@app.route('/login',methods = ['GET','POST'])
def login():
    error = None
    if request.method == 'POST':
        if request.form['username'] != 'admin' or request.form['password'] != 'admin':
            error = 'Invalid username or password. Please try again!'
        else:
            flash('You were successfully logged in!')
            return redirect(url_for('flashindex'))
    return render_template('FlashLogin.html',error = error)

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

执行上述代码后,您将看到如下所示的界面。


image.png

当您点击链接,您将被定向到登录页面。
输入用户名和密码。


image.png

点击登录。如果登录失败将显示“用户名或密码无效!请重试”
image.png

如果登录成功,将显示一条消息“您已成功登录”。


image.png

你可能感兴趣的:(Flask 消息闪现)