两天时间，用Python重写了我的Markdown-Online系统，主要使用了Flask技术栈的基础知识，这不比游戏有意思？

最新推荐文章于 2024-08-09 08:06:08 发布

2401_84152140

最新推荐文章于 2024-08-09 08:06:08 发布

阅读量580

点赞数 12

分类专栏：程序员文章标签： python flask 游戏

本文链接：https://blog.csdn.net/2401_84152140/article/details/138936378

版权

程序员专栏收录该内容

187 篇文章 0 订阅

订阅专栏

首先是`LoginForm`的代码：



```

# forms.py

class LoginForm(FlaskForm):

    email = EmailField('Email', validators=[DataRequired(), Email()])

    password = PasswordField('Password', validators=[DataRequired()])

    submit = SubmitField('Sign In')



```



然后是对应的`html`



```

<!-- login.html -->

{% extends 'base.html' %}

{% from 'bootstrap5/form.html' import render_field %}



{% block content %}

<div style="height: 600px; padding-top: 100px;">

    <div style="width: 36rem;" class="mx-auto shadow-sm px-3 py-5 bg-body rounded">

        <h2>Sign In</h2>

        <hr>

        {% for msg in get_flashed_messages() %}

        <p class="text-sm-start text-warning">{{msg}}</p>

        {% endfor %}

        <form method="post">

            {{ form.csrf_token() }}

            {{ render_field(form.email,placeholder='Your email')}}

            {{render_field(form.password,placeholder='Your password')}}

            {{render_field(form.submit)}}

            <a class="btn btn-light" href="{{url_for('auth.register')}}"> Sign Up</a>

        </form>

    </div>

</div>

{% endblock %}



```



最后是对应的后端`view`代码：



```

@bp.route('/login', methods=['POST', 'GET'])

def login():

    print('auth/login')

    loginForm = LoginForm()

    if loginForm.validate_on_submit():  #登录

        print('validated')

        email = loginForm.email.data

        password = loginForm.password.data

        user = User.query.filter_by(email=email).first()

        if not user:

            flash('User does not exist')

            return render_template('login.html', form=loginForm)

        if user.role >= const.DB_ROLE_VISITOR:

            flash('Please verify the mailbox first')

            return redirect(url_for('auth.email_verify'))

        if not user.check_password(password):

            flash('Incorrect password')

            return render_template('login.html', form=loginForm)

        login_user(user)

        return redirect(url_for('post.list'))

    return render_template('login.html', form=loginForm)



```

注册界面

在这里插入图片描述

注册界面的代码和登录几乎没有太大的区别。

首先是注册表单：


class RegisterForm(FlaskForm):

    email = EmailField('Email', validators=[DataRequired(), Email()])

    username = StringField('Username', validators=[DataRequired(), Length(min=3, max=16)])

    password = PasswordField('Password', validators=[DataRequired(), Length(min=6, max=12)])

    submit = SubmitField('Sign Up')

然后是对应的前端代码：


<!-- register.html -->

{% extends 'base.html' %}

{% from 'bootstrap5/form.html' import render_field,render_form_row %}

	

{% block content %}

<div style="height: 600px; padding-top: 100px;">

	   <div style="width: 36rem;" class="mx-auto shadow-sm px-3 py-5  bg-body rounded">

	       <h2>Sign Up</h2>

	       <hr>

	       {% for msg in get_flashed_messages() %}

	       <p class="text-sm-start text-warning">{{msg}}</p>

	       {% endfor %}

	       <form method="post">

	           {{ form.csrf_token() }}

	           {{ render_field(form.email,placeholder='Enter your email address')}}

	           {{ render_field(form.username,placeholder='Make a name you like')}}

	           {{render_field(form.password,placeholder='Create a strong password')}}

	           {{render_field(form.submit)}}

	           <a class="btn btn-light" href="{{url_for('auth.login')}}"> Sign In</a>

	       </form>

	   </div>

</div>

{% endblock %}

最后是视图代码：


@bp.route('/register', methods=['POST', 'GET'])

def register():

    print('auth/register')

    registerForm = RegisterForm()

    if registerForm.validate_on_submit():

        print('validated')

        email = registerForm.email.data

        username = registerForm.email.data

        password = registerForm.password.data

        user = User.query.filter_by(email=email).first()

        if user:

            flash('Mailbox registered')

            return render_template('register.html', form=registerForm)

        user = User(email=email, password=password, username=username)

        addUser(user)

        newPost(user)  # 为当前用户添加一个文章

        return redirect(url_for('auth.email_send', emailbox=email))

    return render_template('register.html', form=registerForm)

密码修改

在这里插入图片描述

密码修改表单：


class RePasswardForm(FlaskForm):

    password = PasswordField('Original Password', validators=[DataRequired()])

    newpaswd = PasswordField('New Password', validators=[DataRequired(), Length(min=6, max=12)])

    confpswd = PasswordField( 'Confirm Password', validators=[DataRequired(), Length(min=6, max=12)])

    submit = SubmitField('Confirm')

密码修改界面：


{% extends 'base.html' %}

{% from 'bootstrap5/form.html' import render_field %}



{% block content %}

<div style="height: 600px; padding-top: 100px;">

    <div style="width: 36rem;" class="mx-auto shadow-sm px-3 py-5 bg-body rounded">

        {% for msg in get_flashed_messages() %}

        <p class="text-sm-start text-warning">{{msg}}</p>

        {% endfor %}

        <form method="post">

            {{ form.csrf_token() }}

            {{ render_field(form.password) }}

            {{ render_field(form.newpaswd) }}

            {{ render_field(form.confpswd) }}

            {{ render_field(form.submit) }}

            <a class="btn btn-light" href="{{url_for('auth.register')}}"> Sign Up</a>

        </form>

    </div>

</div>

{% endblock %}

密码修改后端代码：


@login_required

@bp.route("/resetpwd/<int:id>", methods=['GET', 'POST'])

def resetpwd(id):

    print('auth/resetpwd')

    resetForm = RePasswardForm()

    if resetForm.validate_on_submit():

        password = resetForm.password.data

        newpaswd = resetForm.newpaswd.data

        if not current_user.check_password(password):

            flash('The original password is incorrect')

            return render_template('reset_pwd.html', form=resetForm)

        current_user.password = newpaswd

        updateUser(current_user)

        return redirect(url_for('auth.logout'))

    return render_template('reset_pwd.html', form=resetForm)