flask后端开发(12):邮箱验证码功能实现

目录

下载安装flask-mail包

bash 复制代码
pip install flask-mail

一、开启邮箱服务器

一般使用第三方服务

使用网易邮箱中的POP3/SMTP服务

并在config.py中配置一下

在exts.py中导入邮箱,创建邮箱对象

在app.py中也加载邮箱

邮箱测试

用邮箱服务器给我自己的邮箱发送测试

qq邮箱中收到了测试信息

二、验证发送功能实现

三、数据库存储验证码

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

1.新增数据模型

2.ORM迁移模型

bash 复制代码
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.保存用户信息到数据库

输入验证码成功跳转

数据库也保存进来了

相关推荐
IT_陈寒22 分钟前
为什么我的Vue组件总是莫名其妙重渲染?
前端·人工智能·后端
alphaTao1 小时前
LeetCode 每日一题 2026/8/24-2026/8/30
python·算法·leetcode
苏灿烤鱼1 小时前
当 AI Agent 遇见真实科学环境:深度拆解 Scientific Agent Skills,把"聊天机器人"变成"AI 科学家"
python·开源·agent
张文君1 小时前
ubuntu26.04坏道坏块分区隔离急速版260831-V0.12
linux·python
东风破_9 小时前
danci 2:创建的单词书到底存在哪里?从 Supabase 一路理解 ORM、Drizzle 和 RLS
数据库·后端·node.js
东风破_9 小时前
danci 项目(三):从 JSON 数据到 AI Coding,真实项目里的数据清洗、Prompt 和工程规范
前端·后端·node.js
东风破_10 小时前
danci 项目(一):从需求到架构,一个单词学习系统为什么会这样设计
前端·后端·node.js
jay神11 小时前
【计算机毕业设计】基于SpringBoot的程序教学辅助系统
java·前端·vue.js·spring boot·后端·毕业设计·课程设计
lupai12 小时前
手机在网状态接口实测效果与质量评估
大数据·python·智能手机·api接口
荷蒲13 小时前
【小白量化Qbuddy】用AI设计miniQMT指标公式计算量化平台
人工智能·python·机器人