flask-消息闪现

作者: 测试探索 | 来源:发表于2022-07-30 16:56 被阅读0次

flask-消息闪现
Flask 框架（2）-模板
消息闪现（Flash）
Flask 消息闪现
Flask flash消息闪现
Flask框架——消息闪现
websocket消息订阅 -- flask + flask-
flask学习(四)
go使用cookie实现闪现消息
python版websocket

一、消息闪现实现流程

image.png

二、目录、代码与示例

image.png

app.py

from flask import Flask, render_template,flash,redirect,request

app = Flask(__name__)
#session的安全极致，使用flask时，需要设置该随机串
app.secret_key = "abcdef"

#用户登录之后，跳转到个人中心，在个人中心页面，展示一个提示：登录成功
@app.route('/login',methods = ['GET','POST'])
def login():
    """  用户登录 """
    if request.method == 'POST':
        print('处理了登录的逻辑')
        flash('登录成功',"success")
        flash('欢迎回来',"success")
        flash('错误提示',"error")
        return redirect('/mine')
    return render_template('login.html')


@app.route('/mine')
def mine():
    """  个人中心 """
    return render_template('mine.html')

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

login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
    <h3>用户登录</h3>
    <form action="{{ url_for('login') }}" method="post">
        <div>
            <input type="text" name="username" value="admin">
        </div>
        <div>
            <input type="password" name="password">
        </div>
        <div>
            <button type="submit">登录</button>
        </div>
    </form>
</body>
</html>

mine.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <style type="text/css">
        .success {
            color: #0f0;
        }
        .error {
            color: #f00;
        }
    </style>
</head>
<body>
    <h3>个人中心</h3>
    {% for category,message in get_flashed_messages(with_categories=true,category_filter=['error']) %}
    <p class = "{{category}}">
        {{category}} - {{ message }}
    </p>
    {% endfor %}
</body>
</html>