首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >BBS论坛(四)

BBS论坛(四)

作者头像
zhang_derek
发布2019-02-13 16:07:34
4620
发布2019-02-13 16:07:34
举报
文章被收录于专栏:有趣的django有趣的django

4.1.cms登录页面csrf保护

(1)Perfect_bbs.py

from flask_wtf import CSRFProtect


CSRFProtect(app)

添加csrf保护后,现在再去登录   

(2)cms/cms_login.html添加csrf保护

<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

4.2.cms后台修改密码界面布局完成

(1)cms.views.py

class ResetPwdView(views.MethodView):
    decorators = [login_required]
    def get(self):
        return render_template('cms/cms_resetpwd.html')

    def post(self):
        pass


bp.add_url_rule('/resetpwd/',view_func=ResetPwdView.as_view('resetpwd'))

(2)cms/cms_base.html

 <li><a href="{{ url_for('cms.resetpwd') }}">修改密码</a></li>

(3)cms/cms_resetpwd.html

{% extends 'cms/cms_base.html' %}

{% block title %}
    修改密码
{% endblock %}

{% block page_title %}
    {{ self.title() }}
{% endblock %}

{% block head %}
<style>
    .form-container{
        width: 300px;
    }
</style>
{% endblock %}

{% block main_content %}
    <form method="post">
        <div class="form-container">
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">旧密码</span>
                    <input type="password" class="form-control" name="oldpwd" placeholder="请输入旧密码">
                </div>
            </div>

            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">新密码</span>
                    <input type="password" class="form-control" name="newpwd" placeholder="请输入新密码">

                </div>
            </div>

            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">确认新密码</span>
                    <input type="password" class="form-control" name="newpwd2" placeholder="请确认新密码">
                </div>
            </div>

            <div class="form-group">
                <button class="btn btn-primary">立即保存</button>

            </div>


        </div>
    </form>


{% endblock %}

效果:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-06-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 4.1.cms登录页面csrf保护
  • 4.2.cms后台修改密码界面布局完成
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档