当前位置： 首页 > article >正文

flask后端开发（12）：邮箱验证码功能实现

article 2025/1/5 7:43:24

目录

  • 一、开启邮箱服务器
    • 邮箱测试
  • 二、验证发送功能实现
  • 三、数据库存储验证码
    • 1.新增数据模型
    • 2.ORM迁移模型
    • 3.业务逻辑
  • 四、前端发送json请求
    • 1.新建js和jquery文件夹
    • 2.ajax
  • 五、表单验证
  • 六、注册
    • 1.区分请求
    • 2.保存用户信息到数据库

下载安装flask-mail包 

pip install flask-mail

一、开启邮箱服务器

一般使用第三方服务
使用网易邮箱中的POP3/SMTP服务
在这里插入图片描述
在这里插入图片描述
并在config.py中配置一下
在这里插入图片描述
在exts.py中导入邮箱，创建邮箱对象
在这里插入图片描述
在app.py中也加载邮箱
在这里插入图片描述

邮箱测试

用邮箱服务器给我自己的邮箱发送测试
在这里插入图片描述
qq邮箱中收到了测试信息

在这里插入图片描述

二、验证发送功能实现

在这里插入图片描述

在这里插入图片描述

三、数据库存储验证码

因为在注册登录的时候，发送了验证码还需要规则来验证是否用户输入的和发送的相同。

1.新增数据模型

在这里插入图片描述

2.ORM迁移模型

flask db migrate
flask db upgrade

3.业务逻辑

在这里插入图片描述
在这里插入图片描述
数据库里面也存储到了

在这里插入图片描述

四、前端发送json请求

1.新建js和jquery文件夹

js用于点击事件的处理、弹出框等
在这里插入图片描述
在html中定义了一个button
在这里插入图片描述
首先要先确定点击事件的执行先后
在这里插入图片描述
click绑定了一个点击事件，event事件
在这里插入图片描述

2.ajax

点击按钮之后，会把文本框中的输入保存到email键值对中，并发送一个get请求到本地的5000端口，传给后端，相当于传值，后端接收到email，再用邮件服务器给这个email发送信息
在这里插入图片描述

五、表单验证

在这里插入图片描述

六、注册

1.区分请求

如何区分register下面的请求呢，要么get要么就是post
在这里插入图片描述

在这里插入图片描述

2.保存用户信息到数据库

在这里插入图片描述

输入验证码成功跳转
在这里插入图片描述
数据库也保存进来了
在这里插入图片描述


http://www.kler.cn/a/457557.html

相关文章：

  • 【文献精读笔记】Explainability for Large Language Models: A Survey （大语言模型的可解释性综述）（三）
  • vscode代码AI插件Continue 安装与使用
  • ROS导航使用贝塞尔曲线对全局路径进行平滑处理
  • 吐卡机开发——指令合集—未来之窗行业应用跨平台架构
  • Couchbase 和数据湖技术的区别、联系和相关性分析
  • Node.js 中 http 模块的深度剖析与实战应用
  • 线索二叉树的实现（c语言）
  • 农历节日倒计时：基于Python的公历与农历日期转换及节日查询小程序
  • vue+echarts实现疫情柱状图(全国确诊省市TOP10)
  • LeetCode 202. 快乐数 (C++实现)
  • OpenGL ES GLSL基础语法深度解析
  • Diffusion Transformer(DiT)——将扩散过程中的U-Net换成ViT：近频繁用于视频生成与机器人动作预测(含清华PAD详解)
  • springboot整合log4j2异步输出的配置3
  • 计算机毕业设计Python+知识图谱大模型AI医疗问答系统 健康膳食推荐系统 食谱推荐系统 医疗大数据 机器学习 深度学习 人工智能 爬虫 大数据毕业设计
  • 【Webug】攻防实战详情
  • SOEM裸机移植
  • GAMES101学习笔记（一）：Overview 计算机图形学概述
  • 嵌入式开发中的机器人表情绘制
  • Kimi进行学术方向选择精讲！
  • 各种绕过姿势
  • 探索开源项目 kernel：技术的基石与无限可能
  • 【Unity3D】ECS入门学习（九）SystemBase
  • Docker中的分层(Layer)
  • 【漫话机器学习系列】021.类别特征（Categorical Feature）
  • 砝码称重(2021年蓝桥杯)
  • 一文读懂高斯混合模型