现在我们来设计一个用户中心的页面,显示用户相关的信息,由于我们的Q&A demo比较简单,所以显示的内容也不用太多,我们来显示用户的头像、注册时间、发表的问题数和评论数,设计一个user.html,界面如下:

clipboard.png

用户的头像或其他信息都可以通过上下文管理器返回的login_user去获取,发布问答和评论数直接在模板里使用length过滤器,之前的文章都有类似的部分。这个页面通过点击导航条的用户进去,对应的url'/user/',视图函数为user_center,直接render即可。
再增加一个修改密码的页面security.html,界面和注册的页面是一致的,因此直接对register.html做一些简单修改即可,如下:

clipboard.png

修改密码页面对应的url'/user/security/',视图函数为security,设计好页面后先直接render即可,以便看看效果。通过点击user页面的修改密码进入,因此对user页面的修改密码这个button增加onclick属性如下:

<button type="submit" class="btn btn-primary btn-block" onclick="location='{{ url_for('security') }}'">
修改密码
</button>

此时页面已经可以发送POST数据了,再为视图函数添加POST方法,最终security视图函数如下:

def security():
    if request.method == 'GET':
        return render_template('security.html')
    else:
        o_password = request.form.get('o_password')
        password1 = request.form.get('password1')
        password2 = request.form.get('password2')
        validate_func(o_password, password1, password2)
        g.user.password = generate_password_hash(password1)
        db.session.commit()
        return redirect(url_for('logout'))

获取到旧的密码以及两次新的密码之后,对其进行验证,例如旧密码是否正确,新密码长度是否足够、两次是否一样等,我这里用validate_func做的验证(实际还没写这个函数),验证成功之后直接用g.user.password = generate_password_hash(password1)修改密码,并用db.session.commit()提交到数据库,之后对当前用户进行注销,用户使用新密码即可登录,这一部分就完成了。


Harpsichord1207
538 声望44 粉丝

前路漫漫