python 拖动验证码_使用python实现滑动验证码功能

本文介绍了如何使用Python结合前端技术实现滑动验证码功能,包括安装social-auth-app-django模块,下载并运行Demo,前端ajax请求处理,以及后端验证逻辑。详细讲解了前后端的实现步骤和关键代码,适合需要实现滑动验证码功能的开发者参考。
摘要由CSDN通过智能技术生成

首先安装一个需要用到的模块

pip install social-auth-app-django

安装完后在终端输入pip list会看到

social-auth-app-django 3.1.0

social-auth-core 3.0.0

然后可以来我的github,下载关于滑动验证码的这个demo:https://github.com/Edward66/slide_auth_code

下载完后启动项目

python manage.py runserver

启动这个项目后,在主页就能看到示例

2019080510250916.jpg

前端部分

随便选择一个(最下面的是移动端,不做移动端不要选)把html和js代码复制过来,我选择的是弹出式的。这里面要注意他的ajax请求发送的网址,你可以把这个网址改成自己视图函数对应的网址,自己写里面的逻辑,比如我是为了做用户登陆验证,所以我是写的逻辑是拿用户输入的账号、密码和数据库里的做匹配。

login.html

登陆页面

登陆页面

login.js

let handlerPopup = function (captchaObj) {

// 成功的回调

captchaObj.onSuccess(function () {

let validate = captchaObj.getValidate();

$.ajax({

url: "", // 进行二次验证

type: "post",

dataType: "json",

data: $('#fm').serialize(),

success: function (data) {

if (data.user) {

location.href = '/index/'

} else {

$('#error-info').text(data.msg).css({'color': 'red', 'margin-left': '10px'});

setTimeout(function ()

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值