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.保存用户信息到数据库

输入验证码成功跳转

数据库也保存进来了

相关推荐
孟沐21 分钟前
Java IO 流 - FileOutputStream & ObjectOutputStream 大白话解析
后端
lichenyang45333 分钟前
Node.js文件上传原理
后端
码路飞35 分钟前
FastMCP 实战:一个 .py 文件,给 Claude Code 装上 3 个超实用工具
python·ai编程·mcp
Java水解1 小时前
微服务架构下Spring Session与Redis分布式会话实战全解析
后端·spring
Moe4881 小时前
如何使用 Spring Cache 结合 Redis 和 Caffeine 构建二级缓存机制
后端
Json_Lee2 小时前
2026 年了,多 Agent 编码该怎么选?agent-team vs Claude Agent Teams vs Claude Squad vs Met
前端·后端·vibecoding
陈随易2 小时前
刚上市就断货?如此火爆的编程显示器到底有什么魔力
前端·后端·程序员
ray_liang2 小时前
一小时手搓轻量级可代替 Qdrant 的向量数据库
后端·架构
dev派2 小时前
AI Agent 系统中的常用 Workflow 模式(2) Evaluator-Optimizer模式
python·langchain
昵称为空C3 小时前
spring-ai mcp-server(ssh工具)
后端·ai编程