专栏首页有趣的djangoBBS论坛(八)

BBS论坛(八)

8.1.发送邮箱验证码功能

(1)cms/resetemail.html

{%  from 'common/_macros.html' import static %}

{% block head %}
    <script src="{{ static('cms/js/resetemail.js')}}"></script>
{% endblock %}

 <input type="email" name="email" placeholder="新邮箱" class="form-control">
 <span class="input-group-addon" id="captcha-btn" style="cursor: pointer">获取验证码</span>

(2)cms/js/resetemail.js

/**
 * Created by derekon 2018/6/4.
 */

$(function () {
    $("#captcha-btn").click(function (event) {
        event.preventDefault();
        var email = $("input[name='email']").val();
        if(!email){
            zlalert.alertInfoToast('请输入邮箱');
        }
        zlajax.get({
           'url': '/cms/email_captcha/',
            'data': {'email':email},
            'success': function (data) {
                if(data['code'] == 200){
                    zlalert.alertSuccessToast('邮件已发送成功!请注意查收!');
                }else{
                    zlalert.alertInfo(data['message']);
                }
            },
            'fail':function (error) {
                zlalert.alertNetworkError();
            }
        });
    });
});

(3)cms/views.py

@bp.route('/email_captcha/')
def email_captcha():
    #获取要修改的邮箱
    email = request.args.get('email')
    if not email:
        return restful.params_error('请输入要修改的邮箱')
    #得到大小写字母的列表
    source = list(string.ascii_letters)
    #得到大小写字母的列表 + 0到9的数字字符串
    source.extend(map(lambda x: str(x), range(0, 10)))
    # 随机取六位作为验证码
    captcha = "".join(random.sample(source, 6))
    #给这个邮箱发送邮件验证码
    message = Message(subject='derek论坛密码修改邮件发送', recipients=[email,], body='你的验证码是:%s'%captcha)
    try:
        mail.send(message)
    except:
        return restful.server_error()
    return restful.success()

 输入邮箱,点“获取验证码”

8.2.修改邮箱功能完成

(1)utils/zlcache.py

把验证码保存到memcached中

# utils/zlcache.py

import memcache

cache = memcache.Client(['139.199.131.146:11211'],debug=True)

def set(key,value,timeout=60):     #过期时间60s
    return cache.set(key,value,timeout)

def get(key):
    return cache.get(key)

def delete(key):
    return cache.delete(key)

(2)cms/views.py

zlcache.set(email,captcha) 把邮箱和验证码相关联保存到memcached中
@bp.route('/email_captcha/')
def email_captcha():
   .
   .
   .
   . 
    try:
        mail.send(message)
    except:
        return restful.server_error()
    #把邮箱和验证码保存到memcached中
    zlcache.set(email,captcha)
    return restful.success()

(3)cms/forms.py

from utils import zlcache
from wtforms import ValidationError
from flask import g

class ResetEmailForm(BaseForm):
    email = StringField(validators=[Email(message="请输入正确格式的邮箱")])
    captcha = StringField(validators=[Length(min=6,max=6,message='请输入正确的邮箱验证码')])
    # 自定义验证
    def validate_captcha(self,field):
        #form要提交的验证码和邮箱
        captcha = field.data
        email = self.email.data
        #缓存里面保存的邮箱对应的验证码
        captcha_cache = zlcache.get(email)
        #如果缓存中没有这个验证码,或者缓存中的验证码跟form提交的验证码不相等(不区分大小写)
        # 两个有一个不成立,就抛异常
        if not captcha_cache or captcha.lower() != captcha_cache.lower():
            raise ValidationError('邮箱验证码错误!')

    def validate_email(self, field):
        email = field.data
        user = g.cms_user
        if user.email == email:
            raise ValidationError('不能修改为当前使用的邮箱!')

(4)cms/js/resetemail.js

$(function () {
    $("#submit").click(function (event) {
        event.preventDefault();
        var emailE = $("input[name='email']");
        var captcheE = $("input[name='captcha']");

        var email = emailE.val();
        var captcha = captcheE.val();

        zlajax.post({
            'url': '/cms/resetemail/',
            'data': {'email': email, 'captcha': captcha},
            'success': function (data) {
                if (data['code'] == 200) {
                    emailE.val("");
                    captcheE.val("");
                    zlalert.alertSuccessToast('恭喜!邮箱修改成功');
                } else {
                    zlalert.alertInfo(data['message']);
                }
            },
            'fail': function (error) {
                zlalert.alertNetworkError();
            }
        });
    });
});

(5)cms/views.py

class ResetEmail(views.MethodView):
    def get(self):
        return render_template('cms/cms_resetemail.html')

    def post(self):
        form = ResetEmailForm(request.form)
        if form.validate():
            email = form.email.data
            g.cms_user.email = email
            db.session.commit()
            return restful.success()
        else:
            return restful.params_error(form.get_error())

现在就可以修改邮箱了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • python面试题(持续更新)

    第1~10题 1、一行代码实现1--100之和 >>> sum(range(1,101)) 5050 >>> 2、如何在一个函数内部修改全局变量 a= 3 ...

    zhang_derek
  • BBS论坛(十四)

    zhang_derek
  • Django+xadmin打造在线教育平台(三)

    代码 github下载 五、用户注册 主要实现功能 用户输入邮箱、密码和验证码,点注册按钮 如果输入的不正确,提示错误信息 如果正确,发送激活邮件,用户...

    zhang_derek
  • Twitter 假消息泛滥有多严重,非得请李飞飞出山?

    内容概要:重磅消息,李飞飞将加入 Twitter,出任独立董事。这是时隔近两年之后,李飞飞再次从学术界回归商业圈。这一次女神的出山,又是为了什么?和 Twitt...

    HyperAI超神经
  • Android利用SurfaceView显示Camera图像爬坑记(四)

    通过前面几篇,利用SurfaceView显示Camera的图像已经没什么问题了,接下来我们就要打磨一下细节,主要就是手机旋转的问题,考虑到我们会用横屏和竖屏的不...

    Vaccae
  • 栈的定义、分类

            1.函数调用:一个函数内部调用另外一个函数。例A函数内部调用了B函数,B函数内部又调用了C函数,则A函数地址会先进栈,其次是B,最后是C,所以C...

    爱学习的孙小白
  • 4个帮你拓展业务的流量获取工具

    [本文作者Sydney Rootman。]

    明明如月
  • iOS开发入门笔记

    iOS开发入门笔记 本文面向已有其它语言(如Java,C,PHP,Javascript)编程经验的iOS开发初学者,初衷在于让我的同事一小时内了解如何开始开发i...

    xiangzhihong
  • Twitter 清理逾 14.3 万款应用 防止剑桥分析式丑闻

    凤凰网科技讯 据《财富》北京时间7月25日报道,Twitter当地时间星期二表示,它在2018年4-6月期间对恶意应用进行了清理,共下架逾14.3万款应用。Tw...

    周俊辉
  • RabbitMQ 集群数据迁移

    4. 停掉集群B ,将 集群A 的 n1 n2 n3 的文件,分别拷贝到 集群B 的 n1 n2 n3 文件mnesia 目录下。

    王小明_HIT

扫码关注云+社区

领取腾讯云代金券