Django自定义插件实现网站登录验证码功能


Posted in Python onApril 19, 2017

前言

网站登录的时候我们常常会看到随机的验证码需要输入后台验证,如图:

Django自定义插件实现网站登录验证码功能

现在我们来实现在Django中通过自定制插件来实现随机验证

check_code.py

基于PIL生成一个带验证码的图片和验证码,生成验证码图片需要Monaco.ttf字体(重要),可按自己要求更改check_code中的字体和字体文件位置

#!/usr/bin/env python
# -*- coding:utf-8 -*-
 
import random
from PIL import Image, ImageDraw, ImageFont, ImageFilter
 
_letter_cases = "abcdefghjkmnpqrstuvwxy" # 小写字母,去除可能干扰的i,l,o,z
_upper_cases = _letter_cases.upper() # 大写字母
_numbers = ''.join(map(str, range(3, 10))) # 数字
init_chars = ''.join((_letter_cases, _upper_cases, _numbers))
 
 
def create_validate_code(size=(120, 30),
             chars=init_chars,
             img_type="GIF",
             mode="RGB",
             bg_color=(255, 255, 255),
             fg_color=(0, 0, 255),
             font_size=18,
             font_type="Monaco.ttf",
             length=4,
             draw_lines=True,
             n_line=(1, 2),
             draw_points=True,
             point_chance=2):
  """
  @todo: 生成验证码图片
  @param size: 图片的大小,格式(宽,高),默认为(120, 30)
  @param chars: 允许的字符集合,格式字符串
  @param img_type: 图片保存的格式,默认为GIF,可选的为GIF,JPEG,TIFF,PNG
  @param mode: 图片模式,默认为RGB
  @param bg_color: 背景颜色,默认为白色
  @param fg_color: 前景色,验证码字符颜色,默认为蓝色#0000FF
  @param font_size: 验证码字体大小
  @param font_type: 验证码字体,默认为 ae_AlArabiya.ttf
  @param length: 验证码字符个数
  @param draw_lines: 是否划干扰线
  @param n_lines: 干扰线的条数范围,格式元组,默认为(1, 2),只有draw_lines为True时有效
  @param draw_points: 是否画干扰点
  @param point_chance: 干扰点出现的概率,大小范围[0, 100]
  @return: [0]: PIL Image实例
  @return: [1]: 验证码图片中的字符串
  """
 
  width, height = size # 宽高
  # 创建图形
  img = Image.new(mode, size, bg_color)
  draw = ImageDraw.Draw(img) # 创建画笔
 
  def get_chars():
    """生成给定长度的字符串,返回列表格式"""
    return random.sample(chars, length)
 
  def create_lines():
    """绘制干扰线"""
    line_num = random.randint(*n_line) # 干扰线条数
 
    for i in range(line_num):
      # 起始点
      begin = (random.randint(0, size[0]), random.randint(0, size[1]))
      # 结束点
      end = (random.randint(0, size[0]), random.randint(0, size[1]))
      draw.line([begin, end], fill=(0, 0, 0))
 
  def create_points():
    """绘制干扰点"""
    chance = min(100, max(0, int(point_chance))) # 大小限制在[0, 100]
 
    for w in range(width):
      for h in range(height):
        tmp = random.randint(0, 100)
        if tmp > 100 - chance:
          draw.point((w, h), fill=(0, 0, 0))
 
  def create_strs():
    """绘制验证码字符"""
    c_chars = get_chars()
    strs = ' %s ' % ' '.join(c_chars) # 每个字符前后以空格隔开
 
    font = ImageFont.truetype(font_type, font_size)
    font_width, font_height = font.getsize(strs)
 
    draw.text(((width - font_width) / 3, (height - font_height) / 3),
         strs, font=font, fill=fg_color)
 
    return ''.join(c_chars)
 
  if draw_lines:
    create_lines()
  if draw_points:
    create_points()
  strs = create_strs()
 
  # 图形扭曲参数
  params = [1 - float(random.randint(1, 2)) / 100,
       0,
       0,
       0,
       1 - float(random.randint(1, 10)) / 100,
       float(random.randint(1, 2)) / 500,
       0.001,
       float(random.randint(1, 2)) / 500
       ]
  img = img.transform(size, Image.PERSPECTIVE, params) # 创建扭曲
 
  img = img.filter(ImageFilter.EDGE_ENHANCE_MORE) # 滤镜,边界加强(阈值更大)
 
  return img, strs

创建urls和views

views.py:

# 将check_code包放在合适的位置,导入即可,我是放在utils下面
from utils import check_code
 
def create_code_img(request):
  f = BytesIO() #直接在内存开辟一点空间存放临时生成的图片
 
  img, code = check_code.create_validate_code() #调用check_code生成照片和验证码
  request.session['check_code'] = code #将验证码存在服务器的session中,用于校验
  img.save(f,'PNG') #生成的图片放置于开辟的内存中
  return HttpResponse(f.getvalue()) #将内存的数据读取出来,并以HttpResponse返回

urls我的设置:url(r'^create_code_img/', views.create_code_img) 

前端应用验证码和点击自动刷新

html:

<div class="row">
  <div class="col-xs-7">
    <input type="text" class="form-control" name="check_code" id="check_code" placeholder="请输入验证码">
  </div>
  <div class="col-xs-5">
   <img id="check_code_img" src="/create_code_img/" onclick="refresh_check_code(this)">
{# src是url路径,可得到验证码图片,点击时调用refresh_check_code#}
  </div><br></div>

javascript:

<script>
   function refresh_check_code(ths) {
      ths.src += '?';
{# src后面加问好会自动刷新验证码img的src#}
     }
</script>

login的Views

login的Views进行数据验证,然后做相应的处理

post_check_code = request.POST.get('check_code')
session_check_code = request.session['check_code']
if post_check_code.lower() == session_check_code.lower() :
  pass

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
讲解python参数和作用域的使用
Nov 01 Python
python用装饰器自动注册Tornado路由详解
Feb 14 Python
使用python实现个性化词云的方法
Jun 16 Python
python僵尸进程产生的原因
Jul 21 Python
Python 将pdf转成图片的方法
Apr 23 Python
python+pandas分析nginx日志的实例
Apr 28 Python
对python3 urllib包与http包的使用详解
May 10 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
Aug 22 Python
Python小程序之在图片上加入数字的代码
Nov 26 Python
解决numpy矩阵相减出现的负值自动转正值的问题
Jun 03 Python
Python读取二进制文件代码方法解析
Jun 22 Python
Python调用腾讯API实现人脸身份证比对功能
Apr 04 Python
Python列表切片用法示例
Apr 19 #Python
Python编程判断这天是这一年第几天的方法示例
Apr 18 #Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
Apr 18 #Python
浅析python递归函数和河内塔问题
Apr 18 #Python
Python使用正则表达式实现文本替换的方法
Apr 18 #Python
Python外星人入侵游戏编程完整版
Mar 30 #Python
Python随机数用法实例详解【基于random模块】
Apr 18 #Python
You might like
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
生成php程序的php代码
2008/04/07 PHP
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
JS判断数组那点事
2017/10/10 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
vue实现图片上传预览功能
2019/12/23 Javascript
Python入门篇之数字
2014/10/20 Python
Python中非常实用的一些功能和函数分享
2015/02/14 Python
简单谈谈python中的语句和语法
2017/08/10 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
python 输出上个月的月末日期实例
2018/04/11 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
Random 在 Python 中的使用方法
2018/08/09 Python
Python中print函数简单使用总结
2019/08/05 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
网络安全方面的面试题
2015/11/04 面试题
外语专业毕业生自我评价分享
2013/10/05 职场文书
小学数学教学反思
2014/02/02 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
房屋认购协议书
2015/01/29 职场文书
2015年师德表现自我评价
2015/03/05 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android