html用户密码修改界面,16.设计和实现用户中心、修改密码功能

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

用户的头像或其他信息都可以通过上下文管理器返回的login_user去获取，发布问答和评论数直接在模板里使用length过滤器，之前的文章都有类似的部分。这个页面通过点击导航条的用户进去，对应的url是'/user/'，视图函数为user_center，直接render即可。

再增加一个修改密码的页面security.html，界面和注册的页面是一致的，因此直接对register.html做一些简单修改即可，如下：

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

修改密码

此时页面已经可以发送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()提交到数据库，之后对当前用户进行注销，用户使用新密码即可登录，这一部分就完成了。