English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
一个基于GUI好的应用程序需要向用户提供交互的反馈信息。 例如,桌面应用程序使用对话框或消息框,JavaScript使用alert()函数用于类似的目的。
在Flask Web应用程序中生成这样的信息消息很容易。 Flask框架的闪现系统使得可以在一个视图中创建一个消息并将其呈现在名为next的视图函数中。
Flask模块包含flash()方法。 它将消息传递给下一个请求,该请求通常是一个模板。
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 flash(message, category)
在这里 -
message - 参数是要刷新的实际消息。 category - 参数是可选的。 它可以是’错误’,’信息’或’警告’。
要从会话中删除消息,模板调用get_flashed_messages()函数。
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 get_flashed_messages(with_categories, category_filter)
两个参数都是可选的。 如果收到的消息具有类别,则第一个参数是元组。 第二个参数对于仅显示特定消息很有用。
以下闪现模板中收到消息。
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 {% with messages = get_flashed_messages() %} {% if messages %} {% for message in messages %} {{ message }} {% endfor %} {% endif %} {% endwith %}
/,
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 @app.route('/') def index(): return render_template('index.html')
该链接引导用户显示登录表单的URL => “/login”。 提交时,login()函数验证用户名和密码,并相应地显示“成功”或“错误”变量消息。
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 @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 = 'Nombre de usuario o contraseña no válidos. Por favor, inténtelo de nuevo!' else: flash('You were successfully logged in') return redirect(url_for('index')) return render_template('login.html', error=error)
如有错误,登录模板将重新显示并显示错误消息。
模板文件: login.html 代码如下 -
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Flask示例</title> </head> <body> <h1>登录</h1> {% if error %} <p><strong>Error:</strong> {{ error }} {% endif %} <form action="}}/login" method="POST"> dl> <dt>Nombre de usuario:</dt> dd> <input type=text name="username" value="{{request.form.username}}"> </dd> <dt>Contraseña:</dt> <dd><input type="password" name="password"></dd> </dl> <p><input type=submit value="Entrar"></p> </form> </body> </html>
Si el inicio de sesión es exitoso, se mostrará un mensaje emergente de éxito en la plantilla de índice. El siguiente código se almacena en el archivo ( index.html) -
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Flask Mensaje Emergente</title> </head> <body> {% with messages = get_flashed_messages() %} {% if messages %} <ul class=flashes> {% for message in messages %} <li>{{ message }}</li>/li> {% endfor %} </ul> {% endif %} {% endwith %} <h1>Ejemplo de Mensaje Emergente de Flask</h1> <p>¿Desea <a href="{{ url_for('login') }}"> <b>Entrar?</b></a></p> </body> </html>
El código completo del ejemplo de mensaje emergente de Flask se muestra a continuación -
# Nombre de archivo: example.py # Copyright: 2020 Por w3codebox # Autor por: es.oldtoolbag.com # Fecha: 2020-08-08 from flask import Flask, flash, redirect, render_template, request, url_for app = Flask(__name__) app.secret_key = 'cadena_aleatoria' @app.route('/') def index(): return render_template('index.html') @app.route('/login, methods=['GET', 'POST']) def login(): error = None print(request.method) if request.method == 'POST': if request.form['username'] != 'admin' or \ request.form['password'] != 'admin': error = 'Nombre de usuario o contraseña no válidos. Por favor, inténtelo de nuevo!' else: #flash('Ha iniciado sesión correctamente') flash('You were successfully logged in') return redirect(url_for('index')) return render_template('login.html', error=error) if __name__ == "__main__": app.run(debug=True)
Después de ejecutar el código anterior, verá la pantalla como se muestra a continuación.
Al hacer clic en el enlace, se saltará a la página de inicio de sesión. Ingrese el nombre de usuario y la contraseña -
Hacer clic Iniciar sesiónBotón. Se mostrará un mensaje "Ha iniciado sesión correctamente".