后端用户注册及发送短信验证码3

1.项目页面展示在这里插入图片描述
2.获取图形验证码框和短信按钮,并设置一些标记 进行一些逻辑处理在这里插入图片描述
3.获取后执行点击触发逻辑在这里插入图片描述
4.设置send_flag标记,默认为true,执行后为false,(当点击一次发送短信按钮时,send_flag为false,不能再次点击发送,在倒计时为一秒时设置为true,即可以再次点击)
在这里插入图片描述
5.获取图形框用户输入的值,判断是否为空,以及uuid是否为空(每一个图形码携带唯一的uuid标识,相当于人的身份证)
在这里插入图片描述
6.以字典的形式声明参数,方便转化成json格式传入后端
在这里插入图片描述
7.ajax传入后端
在这里插入图片描述
8.ajax通过路由传入对应的视图
在这里插入图片描述
9.对应视图获取传过来的数据,并转化为字典,用过键获取每一个值,进行数据逻辑处理
在这里插入图片描述
10.获取并判断是否为空
在这里插入图片描述
11.连接数据库,需要从数据库里拿数据进行对比,或存入数据到数据库
在这里插入图片描述
12.从数据库获取生成的图形码,并判断是否为空,不为空拿到图形码后删除,不占数据库空间,为了防止过期等报错try一脚
在这里插入图片描述
13.数据库与用户输入的图形码相比对,并判断
在这里插入图片描述
14.比对成功后生成短信验证码{随机整数),并存入数据库在这里插入图片描述
15.将短信验证码打印到控制台,并返回给状态码文件

在这里插入图片描述
16.状态码文件里的函数接收参数,JsonResponse返回给前端
在这里插入图片描述
17.前端回调数据,res接收成功设置定时器(setInterval为循环执行,setTimeout为执行一次),在倒计时为一的时候设置send_flag标记为true,这时才可以再次点击按钮。
在这里插入图片描述
18.定时器思路:(1)基础num值设置为60。(2)判断num如果等于1的话,清除定时器,并将按钮的文本改成获取短信验证码。(3)反过来,如果num不等于1,则设置为每一秒减1,文本设置为num+秒

在这里插入图片描述
19.回调失败
在这里插入图片描述
20.设置一个60s的标记存入数据库(携带用户手机号),如果用户再次点击就触发
在这里插入图片描述
21.获取标记 判断是否存在逻辑
在这里插入图片描述
总体思路:
js获取执行点击事件,判断逻辑,是否为空。
定义参数字典,ajax传入后台。
后台获取转化,再一个一个获取值进行逻辑判断。
连接数据库。
比对。
生成短信验证码。
打印控制台,并返回前端。
前端回调,进行信息判断逻辑处理。
失败处理

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值