flask登录界面设计

Flask是一个轻量级的Python Web应用框架，设计登录界面通常包括以下几个步骤：

1. **导入必要的模块**：首先需要导入Flask及其扩展如`flask_login`用于处理用户认证。

from flask import Flask, render_template, redirect, url_for, request
from flask_login import LoginManager, UserMixin, login_user, logout_user, login_required, current_user

2. **配置LoginManager**：创建`LoginManager`实例，并设置回调函数以处理登录登出操作。

login_manager = LoginManager()
login_manager.init_app(app)
login_manager.login_view = 'login'

3. **定义用户模型**：UserMixin提供了一些基本的用户属性，你可以基于它创建一个自定义的用户模型。

class User(UserMixin):
    def __init__(self, id, username):
        self.id = id
        self.username = username

4. **模板设计**：创建`login.html`文件，包含输入表单让用户输入用户名和密码。

<!-- templates/login.html -->
<form method="POST" action="{{ url_for('login') }}">
    <input type="text" name="username" placeholder="Username">
    <input type="password" name="password" placeholder="Password">
    <button type="submit">Login</button>
</form>

5. **视图函数**：编写处理登录请求的视图函数，验证输入并调用`login_user`。

@app.route('/login', methods=['GET', 'POST'])
@login_manager.user_loader
def load_user(user_id):
    # 根据ID查询数据库，这里仅示例，实际需连接数据库
    return User.query.get(int(user_id))

@app.route('/login', methods=['POST'])
def login():
    username = request.form['username']
    password = request.form['password']
    user = check_credentials(username, password)  # 自定义验证逻辑
    if user:
        login_user(user)
        return redirect(url_for('protected'))
    else:
        flash('Invalid credentials')
        return render_template('login.html')

6. **保护视图**：使用`@login_required`装饰器保护那些只允许已登录用户访问的页面。

@app.route('/protected')
@login_required
def protected():
    return "Hello, {}!".format(current_user.username)