flask实现用户注册登录

一.注册用户

RegisterForm

class RegisterForm(FlaskForm):
    name = StringField(label=u'账号',
                       validators=[DataRequired(u'账号不能为空')],
                       description=u'账号',
                       render_kw={
                           'class': 'form-control',
                           'placeholder': u'请输入账号'
                       })
    pwd = PasswordField(label=u'密码',
                        validators=[DataRequired(u'不能为空'),EqualTo('repwd',u'两次密码不一致')],
                        description=u'密码',
                        render_kw={
                            'class': 'form-control',
                            'placeholder': u'请输入密码'
                        })
    repwd = PasswordField(label='确认密码',
                          validators=[DataRequired('不能为空')],
                          description=u'确认密码',
                          render_kw={
                              'class': 'form-control',
                              'placeholder': u'请输入确认密码'
                          })
    code = StringField(label=u'验证码',
                       validators=[DataRequired(u'验证码不能为空')],
                       description=u'验证码',
                       render_kw={
                           'class': 'form-control',
                           'placeholder': u'请输入验证码'
                       })
    submit = SubmitField(
        u'注册',
        render_kw={
            'class': 'btn btn-success'
        }
    )

定义Model

class User(db.Model):
    __tablename__ = 'user'
    id = db.Column(db.Integer, autoincrement=True,primary_key=True)
    name = db.Column(db.String(20), nullable=False)
    pwd = db.Column(db.String(100), nullable=False)
    addtime = db.Column(db.DATETIME, nullable=False)

    def __repr__(self):
        return '<User %r>' % self.name

注册路由

@app.route('/register/', methods=['GET', 'POST'])
def register():
    form=RegisterForm()
    if form.validate_on_submit():
        data=form.data
        user=User(
            name=data['name'],
            pwd=generate_password_hash(data['pwd']),
            addtime=datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')
        )
        db.session.add(user)
        db.session.commit()
        #定义一个会话闪现
        flash(u'注册成功,请登录!!')
        return redirect('/login/')
    else:
        flash(u'请输入正确信息')
    return render_template('register.html', title=u'注册',form=form)

register.html

{% extends 'user.html' %}
{% block content %}
    <form method="post">
        {% for msg in get_flashed_messages(category_filter=['ok']) %}
            <p style="color: #ff0000">{{ msg }}</p>
        {% endfor %}
        <div class="form-group">
            <label>账号</label>
            {#            <input type="text" class="form-control" placeholder="请输入账号">#}
            {{ form.name }}
            {% for v in form.name.errors %}
                <p style="color: red">{{ v }}</p>
            {% endfor %}
        </div>
        <div class="form-group">
            <label>密码</label>
            {#            <input type="password" class="form-control" placeholder="请输入密码">#}
            {{ form.pwd }}
            {% for v in form.pwd.errors %}
                <p style="color: red">{{ v }}</p>
            {% endfor %}
        </div>
        <div class="form-group">
            <label>确认密码</label>
            {#            <input type="password" class="form-control" placeholder="请确认输入密码">#}
            {{ form.repwd }}
            {% for v in form.repwd.errors %}
                <p style="color: red">{{ v }}</p>
            {% endfor %}
        </div>
        <div class="form-group">
            <label>验证码</label>
            {#            <input type="text" class="form-control" placeholder="请输入验证码">#}
            {{ form.code }}
            {% for v in form.code.errors %}
                <p style="color: red">{{ v }}</p>
            {% endfor %}
{#            <img data-src="holder.js/180x50" style="margin-top: 6px">#}
            <img src="/captcha/" style="width: 180px;height: 50px;margin-top: 6px">
        </div>
        <a href="/login/">没有账号,现在注册</a>
        <br>
        {#        <a class="btn btn-primary" href="/login/">登录</a>#}
        {{ form.submit }}
        {{ form.csrf_token }}
    </form>
{% endblock %}
{% block js %}
    <script src="https://cdn.bootcss.com/holder/2.9.4/holder.js"></script>
{% endblock %}

二.登录用户

LoginForm

class LoginForm(FlaskForm):
    name = StringField(label=u'账号',
                       validators=[DataRequired(u'不能为空')],
                       description=u'账号',
                       render_kw={
                           'class': 'form-control',
                           'placeholder': u'请输入账号'
                       })
    pwd = PasswordField(label='密码',
                        validators=[DataRequired(u'不能为空')],
                        description=u'密码',
                        render_kw={
                            'class': 'form-control',
                            'placeholder': u'请输入密码'
                        })
    submit = SubmitField(
        u'登录',
        render_kw={
            'class': 'btn btn-primary'
        }
    )

    # 验证密码
    def validate_pwd(self, field):
        pwd = field.data
        user = User.query.filter_by(name=self.name.data).first()
        if not user.check_pwd(pwd):
            raise ValidationError(u'密码不正确')

Model中添加check_password_hash()

    def check_pwd(self, pwd):
        return check_password_hash(self.pwd, pwd)

登录路由

# 登录
@app.route('/login/', methods=['GET', 'POST'])
def login():
    form=LoginForm()
    if form.validate_on_submit():
        session['name']=form.data['name']
        flash('登录成功','ok')
        return redirect('/art/list/')
    return render_template('login.html', title=u'登录',form=form)  # 渲染模板

login.html

{% extends 'user.html' %}
{% block content %}
    <form METHOD="post">
        <div class="form-group">
            <label>账号</label>
{#            <input type="text" class="form-control" placeholder="请输入账号">#}
            {{ form.name }}
            {% for error in form.name.errors %}
                <p style="color:red">{{ error }}</p>
            {% endfor %}
        </div>
        <div class="form-group">
            <label>密码</label>
{#            <input type="password" class="form-control" placeholder="请输入密码">#}
            {{ form.pwd }}
            {% for error in form.pwd.errors %}
                <p style="color:red">{{ error }}</p>
            {% endfor %}
        </div>
        <a href="/register/">没有账号,现在注册</a>
        <br>
{#        <a class="btn btn-primary" href="/art/list/">登录</a>#}
        {{ form.submit }}
        {{ form.csrf_token }}
    </form>
{% endblock %}

三,退出

# 退出(302重定向)
@app.route('/logout/', methods=['GET'])
def logout():
    session.pop("user", None)
    return redirect(url_for('login'))

 

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现用户注册和登录,可以使用 Python 的 Flask 框架和 Flask-WTF 扩展。以下是简单的实现步骤: 1. 安装 FlaskFlask-WTF 扩展: ``` pip install flask pip install flask-wtf ``` 2. 创建 Flask 应用和数据库: ```python from flask import Flask from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SECRET_KEY'] = 'your-secret-key' app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db' db = SQLAlchemy(app) ``` 3. 创建用户模型: ```python from datetime import datetime from flask_login import UserMixin from app import db, login_manager class User(UserMixin, db.Model): id = db.Column(db.Integer, primary_key=True) username = db.Column(db.String(20), unique=True, nullable=False) email = db.Column(db.String(120), unique=True, nullable=False) password = db.Column(db.String(60), nullable=False) date_created = db.Column(db.DateTime, nullable=False, default=datetime.utcnow) def __repr__(self): return f"User('{self.username}', '{self.email}')" @login_manager.user_loader def load_user(user_id): return User.query.get(int(user_id)) ``` 4. 创建注册和登录表单: ```python from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired, Email, EqualTo, Length class RegistrationForm(FlaskForm): username = StringField('Username', validators=[DataRequired(), Length(min=2, max=20)]) email = StringField('Email', validators=[DataRequired(), Email()]) password = PasswordField('Password', validators=[DataRequired()]) confirm_password = PasswordField('Confirm Password', validators=[DataRequired(), EqualTo('password')]) submit = SubmitField('Sign Up') class LoginForm(FlaskForm): email = StringField('Email', validators=[DataRequired(), Email()]) password = PasswordField('Password', validators=[DataRequired()]) submit = SubmitField('Login') ``` 5. 创建注册和登录路由: ```python from flask import render_template, redirect, url_for, flash from app import app, db, bcrypt from app.forms import RegistrationForm, LoginForm from app.models import User from flask_login import login_user, current_user, logout_user, login_required @app.route("/register", methods=['GET', 'POST']) def register(): if current_user.is_authenticated: return redirect(url_for('index')) form = RegistrationForm() if form.validate_on_submit(): hashed_password = bcrypt.generate_password_hash(form.password.data).decode('utf-8') user = User(username=form.username.data, email=form.email.data, password=hashed_password) db.session.add(user) db.session.commit() flash('Your account has been created! You are now able to log in', 'success') return redirect(url_for('login')) return render_template('register.html', title='Register', form=form) @app.route("/login", methods=['GET', 'POST']) def login(): if current_user.is_authenticated: return redirect(url_for('index')) form = LoginForm() if form.validate_on_submit(): user = User.query.filter_by(email=form.email.data).first() if user and bcrypt.check_password_hash(user.password, form.password.data): login_user(user, remember=form.remember.data) next_page = request.args.get('next') return redirect(next_page) if next_page else redirect(url_for('index')) else: flash('Login Unsuccessful. Please check email and password', 'danger') return render_template('login.html', title='Login', form=form) @app.route("/logout") def logout(): logout_user() return redirect(url_for('index')) ``` 6. 创建登录页面和注册页面的模板。模板中可以使用表单和 Flask-WTF 扩展提供的模板标记来生成表单。 ```html {% extends "base.html" %} {% block content %} <div class="content-section"> <form method="POST"> {{ form.hidden_tag() }} <fieldset class="form-group"> <legend class="border-bottom mb-4">{{ title }}</legend> <div class="form-group"> {{ form.email.label(class="form-control-label") }} {% if form.email.errors %} {{ form.email(class="form-control form-control-lg is-invalid") }} <div class="invalid-feedback"> {% for error in form.email.errors %} <span>{{ error }}</span> {% endfor %} </div> {% else %} {{ form.email(class="form-control form-control-lg") }} {% endif %} </div> <div class="form-group"> {{ form.password.label(class="form-control-label") }} {% if form.password.errors %} {{ form.password(class="form-control form-control-lg is-invalid") }} <div class="invalid-feedback"> {% for error in form.password.errors %} <span>{{ error }}</span> {% endfor %} </div> {% else %} {{ form.password(class="form-control form-control-lg") }} {% endif %} </div> <div class="form-group form-check"> {{ form.remember(class="form-check-input") }} {{ form.remember.label(class="form-check-label") }} </div> <div class="form-group"> {{ form.submit(class="btn btn-outline-info") }} </div> </fieldset> </form> <div class="border-top pt-3"> <small class="text-muted"> Need An Account? <a class="ml-2" href="{{ url_for('register') }}">Sign Up Now</a> </small> </div> </div> {% endblock %} ``` 这样就可以实现简单的用户注册和登录功能。要完善功能,可以加入邮箱验证、密码重置等功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值