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

django项目实战八（django+bootstrap实现增删改查）进阶验证码

news 2026/3/30 11:27:12

一、安装第三方

1、pillow

2、第三方字体文件

二、实现生成验证码

1、创建code.py

2、url

3、修改auth.py

4、修改account.py

5、修改login.html

三、验证码校验

1、验证码写入到session

2、修改form下的LoginForm类新增code字段

3、修改login.html

4、修改account.py

接上一篇《django项目实战七（django+bootstrap实现增删改查）进阶登录实现》

知识点：

登录验证码实现

一、安装第三方

1、pillow

pip3 install pillow

2、第三方字体文件

下载地址：

链接：https://pan.baidu.com/s/1Dl5IYXgGtEEnO1CF508kzw
关注联系博主

解压选择一个字体放在根目录

二、实现生成验证码

1、创建code.py

2、url

3、修改auth.py

4、修改account.py

from io import BytesIO
from django.shortcuts import render, redirect, HttpResponse
from TestManagementSystem import models
from TestManagementSystem.utils.form import LoginForm
from TestManagementSystem.utils.code import check_codedef login(request):"""登录"""if request.method == 'GET':form = LoginForm()return render(request, 'login.html', {"form": form})form = LoginForm(data=request.POST)if form.is_valid():# 验证成功获取到的用户名和密码# print(form.cleaned_data)admin_object = models.Admin.objects.filter(**form.cleaned_data).first()if not admin_object:form.add_error("login_name", "用户名或密码错误！")  # 主动抛出错误显示位置return render(request, 'login.html', {"form": form})# 用户名密码正确# 网站生成随机字符串，写到cookie，再写到sessionrequest.session['info'] = {"id": admin_object.id,"login_name": admin_object.login_name,"name": admin_object.name}return redirect('/admin/list')# 如果不满足if判断进入到else返回错误信息return render(request, 'login.html', {"form": form})def image_code(request):""" 生成图片验证码 """# 调用pillow函数,生成图片img, code_string = check_code()# 将图片保存到内存stream = BytesIO()img.save(stream, 'png')  return HttpResponse(stream.getvalue())def logout(request):"""注销"""request.session.clear()return redirect('/login/')

5、修改login.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录页面</title><link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}"/><style>.account {width: 400px;border: 1px solid #dddddd;border-radius: 5px;box-shadow: 5px 5px 20px #aaa;margin-left: auto;margin-right: auto;margin-top: 100px;padding: 20px 40px;}.account h2 {margin-top: 10px;text-align: center;}</style></head>
<body>
<div class="account"><h2>用户登录</h2><div class="panel-body"><form method="post" novalidate>{% csrf_token %}<div class="form-group"><label>用户名</label>{{ form.login_name }}<span style="color: red">{{ form.login_name.errors.0 }}</span></div><div class="form-group"><label>密码</label>{{ form.password }}<span style="color: red">{{ form.password.errors.0 }}</span></div><div class="form-group"><label for="id_code">图片验证码</label><div class="row"><div class="col-xs-7"><input type="text" name="code" class="form-control" placeholder="请输入图片验证码" required=""id="id_code"><span style="color: red;"></span></div><div class="col-xs-5"><img src="/image/code/" alt="" id="image_code"></div></div></div><button type="submit" class="btn btn-primary center-block" style="width: 80px;">登录</button></form></div>
</div></body>

三、验证码校验

1、验证码写入到session

2、修改form下的LoginForm类新增code字段

3、修改login.html

4、修改account.py

django项目实战八（django+bootstrap实现增删改查）进阶验证码

目录一、安装第三方 1、pillow 2、第三方字体文件二、实现生成验证码 1、创建code.py 2、url 3、修改auth.py 4、修改account.py 5、修改login.html 三、验证码校验 1、验证码写入到session 2、修改form下的LoginForm类新增code字段 3、修改login.html 4、修改acco…...

编程日记 2023/2/22 15:33:38

IP 协议

1.IP协议报头如下图:版本号代表的是当前的IP协议的版本,此处的版本一共有两个取值:v4和v6.本文着重针对v4版本进行解析.首部长度代表的是整个IP报头的长度,这个报头长度是可变长的,可变长的原因在于报头中的选项,这个属性是一个可有可无的属性,会改变报头长度,它的单位是32bi…...

编程日记 2023/2/22 15:32:32

好用的SQL工具盘点：从学习到工作总有一款适合你

标题一.入坑阶段（学习入门）： 这个阶段一般就是小白，想学习SQL语言，然后到处找软件，找免费破解版找半天，找到了半天安装不下来，还可能把自己电脑搞中毒。其实对于小白来说&#xf…...

编程日记 2023/2/22 15:31:27

Memcache介绍

Memcache介绍 Memcache是一个分布式内存对象缓存系统，其功能是为应用程序提供快速和可伸缩的数据存储。memcache使用简单，定义了相对少数几种操作（set，add，replace，get，flush_all等&#xff09…...

编程日记 2023/2/22 15:30:18

PTA：C课程设计（1）

山东大学（威海）2022级大一下C习题集（1）1-7-1 求幂级数展开的部分和1-7-2 查询水果价格1-7-3 猜数字游戏1-7-4 特殊a串数列求和1-7-5 成绩统计分析表1-7-6 换硬币1-7-7 验证“哥德巴赫猜想”1-7-1 求幂级数展开的部分和 #include&…...

编程日记 2023/2/22 15:29:11

第二十篇 ResNet——模型讲解

摘要 ResNet（Residual Neural Network）由微软研究院的Kaiming He等四名华人提出，通过使用ResNet Unit成功训练出了152层的神经网络，并在ILSVRC2015比赛中取得冠军，在top5上的错误率为3.57%，同时参数量比VGGNet低，效果非常明显。模型的创新点在于提出残差学习的思…...

编程日记 2023/2/22 15:26:59

LeetCode经典算法题：矩阵中省份数量经典题目+三角形最大周长java多种解法详解

LeetCode经典算法题：矩阵中省份数量经典题目三角形最大周长java多种解法文章目录1 省份数量题目描述解题思路与代码解法一：深度优先解法二：广度优先解法三：并查集2 三角形的最大周长题目描述解题思路与代码贪心算法：1…...

编程日记 2023/2/22 15:25:54

Vue3通透教程【一】Vue3现状—必然趋势？

文章目录🌟 专栏介绍🌟 Vue默认版本🌟 拥抱Vue3的UI🌟 Vue3显著优势🌟 小彩蛋🌟 写在最后🌟 专栏介绍凉哥作为 Vue 的忠诚粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相…...

编程日记 2023/2/22 15:24:47

打破数据孤岛，Apache Doris 助力纵腾集团快速构建流批一体数仓架构｜最佳实践

福建纵腾网络有限公司（简称“纵腾集团”）成立于 2009 年， 以“全球跨境电商基础设施服务商”为企业定位，聚焦跨境仓储与物流， 为全球跨境电商商户、出口贸易企业、出海品牌商提供海外仓储、商业专线物流、定制化物流等…...

编程日记 2023/2/22 15:23:42

什么是真正的骨传导耳机，骨传导耳机原理

骨传导耳机大多采用后挂耳/夹耳佩戴方式，但现在很多人分不清哪些是骨传导耳机，哪些是气传导耳机。看完这篇教会你辨别哪些是真正的骨传导耳机。骨传导耳机采用固体传声方式，整个耳机机身都没有传声音孔的设计，主要通过耳机振子发…...

编程日记 2023/2/22 15:22:36

[MySQL]基本数据类型及表的基本操作

哈喽，大家好！我是保护小周ღ，本期为大家带来的是 MySQL 数据库常用的数据类型，数据表的基本操作：创建、删除、修改表，针对修改表的结构进行了讲解，随后是如何向数据表中添加数据，浅浅…...

编程日记 2023/2/22 15:21:29

华为OD机试 - 好朋友（Python） | 机试题+算法思路+考点+代码解析【2023】

好朋友题目在学校中 N个小朋友站成一队第i个小朋友的身高为height[i] 第i个小朋友可以看到第一个比自己身高更高的小朋友j 那么j是i的好朋友 (要求：j > i) 请重新生成一个列表对应位置的输出是每个小朋友的好朋友的位置如果没有看到好朋友请在该位置用0代替小朋友…...

编程日记 2023/2/22 15:20:24

SAP ABAP用程序给用户增加SAP_ALL权限

给用户增加SAP_ALL的权限，报表可对basis与abap开发人员对用户权限管理的思路，谢绝用于其它用途，后果自负。 REPORT ZTESTCREATEUSER. data: l_USR04 LIKE USR04 , l_UST04 LIKE UST04 , l_PROFS LIKE USR04-PROFS , l_…...

编程日记 2023/2/22 15:19:15

stm32f407探索者开发板（二十）——独立看门狗实验

文章目录一、独立看门狗概述1.1 独立看门狗二、常用寄存器和库函数配置2.1 独立看门狗框图2.2 键值寄存器IWDG_KR2.3 预分频寄存器IWDG_PR2.4 重装载寄存器IWDG_RLR2.5 状态寄存器IWDG_SR2.6 IWDG独立看门狗操作库函数三、手写独立看门狗实验3.1 操作步骤3.2 iwdg.c3.3 iwdg.h3…...

编程日记 2023/2/22 15:18:07

C语言进阶（五）—— 多维数组

1. 一维数组元素类型角度：数组是相同类型的变量的有序集合内存角度：连续的一大片内存空间在讨论多维数组之前，我们还需要学习很多关于一维数组的知识。首先让我们学习一个概念。1.1 数组名考虑下面这些声明：int a; int b[10];我们…...

编程日记 2023/2/22 15:17:00

06_MySQL多表查询

多表查询，也称为关联查询，指两个或更多个表一起完成查询操作。前提条件：这些一起查询的表之间是有关系的（一对一、一对多），它们之间一定是有关联字段，这个关联字段可能建立了外键，也…...

编程日记 2023/2/22 15:15:54

程序员赚钱指南，兼职社区招募

👨‍💻作者简介：大数据专业硕士在读，CSDN人工智能领域博客专家，阿里云专家博主，专注大数据与人工智能知识分享。 🎉专栏推荐：目前在写一个CV方向专栏，后期会更新不限于目…...

编程日记 2023/2/22 15:14:49

Qt-FFmpeg开发-实现录屏功能（10）

#音视频/FFmpeg #Qt Qt-FFmpeg开发-实现录屏功能💬 文章目录Qt-FFmpeg开发-实现录屏功能💬1、概述💥2、实现效果💨3、FFmpeg录屏代码流程👁️‍🗨️4、主要代码🤙5、完整源代码🤏更…...

编程日记 2023/2/22 15:13:44

JavaEE简单示例——动态SQL元素＜where＞

简单介绍： 在我们之前使用where关键字进行查询的时候，总是会在后面添加一个11恒等式，并且在每一个可能拼接的SQL语句前面都加上一个and关键字，防止当后续的所有条件都不满足的时候，where关键字在最后直接跟and的时候也…...

编程日记 2023/2/22 15:12:41

本地事务详解

1、事务的基本性质数据库事务的几个特性：原子性(Atomicity )、一致性( Consistency )、隔离性或独立性( Isolation) 和持久性(Durabilily)，简称就是 ACID；  原子性：一系列的操作整体不可拆分，要么同时成功&#x…...

编程日记 2023/2/22 15:11:35

Unity资源引用：FileID+GUID的秘密

两个不起眼的数字，撑起了整个项目的引用大厦一、开篇：一次差点毁掉项目的"手滑" 周三下午三点。你的美术同事小王在整理项目文件夹。他觉得Assets目录太乱了——贴图、模型、材质散落在各处，像一个没人收拾的房间。于是他开始整理：把 Assets/player_text…...

编程新知 2026/3/30 10:08:02

FlowState Lab新手避坑指南：快速上手时间序列预测的5个技巧

FlowState Lab新手避坑指南：快速上手时间序列预测的5个技巧 1. 环境准备与快速部署 1.1 系统要求与安装步骤 FlowState Lab作为基于IBM Granite架构的时间序列分析工具，对运行环境有以下要求： 操作系统：Linux (推荐Ubuntu 20.…...

编程新知 2026/3/30 9:55:58

【C++ 面试突击 · 07】大厂高频面试题：从菱形继承到const与constexpr的博弈深度解析

目录 1. 什么是菱形继承？怎么解决菱形继承？ 2. 如何定义一个只能在堆上（栈上）生成对象的类？ 3. C 强制类型转换运算符有哪些？ 4. C 中的类型推导（auto）是如何工作的？…...

编程新知 2026/3/30 9:45:56

GitHub自动化神器：用Cursor+Firecrawl实现项目自更新（避坑指南）

GitHub自动化神器：用CursorFirecrawl实现项目自更新（避坑指南） 在开源项目的日常维护中，重复性的更新工作往往消耗开发者大量精力。有没有一种方法，能让项目像拥有自我意识般自动完成内容搜集、代码生成甚至PR提交&am…...

编程新知 2026/3/30 9:37:53

Node.js全栈项目集成Wan2.1-UMT5：实时视频生成进度推送

Node.js全栈项目集成Wan2.1-UMT5：实时视频生成进度推送最近在做一个挺有意思的项目，需要把Wan2.1-UMT5这个视频生成模型集成到我们自己的系统里。用户上传一段文字描述，系统就能生成一段短视频。听起来挺酷，对吧？但问…...

编程新知 2026/3/30 9:35:52

科研写作效率提升300%：WPS-Zotero跨平台文献管理终极指南

科研写作效率提升300%：WPS-Zotero跨平台文献管理终极指南【免费下载链接】WPS-Zotero An add-on for WPS Writer to integrate with Zotero. 项目地址: https://gitcode.com/gh_mirrors/wp/WPS-Zotero WPS-Zotero是一款革命性的WPS Office插件，专…...

编程新知 2026/3/30 8:55:35