文章詳情頁

.NET 6實(shí)現(xiàn)滑動(dòng)驗(yàn)證碼的示例詳解

瀏覽：246日期：2022-06-09 09:25:18

CaptchaData.cs

CaptchaData.cs：驗(yàn)證碼的數(shù)據(jù)類實(shí)體

namespace SlideCaptcha.Model
{
    public class CaptchaData
    {
/// <summary>
/// id
/// </summary>
public string Id { get; set; }
/// <summary>
/// 背景圖(含凹槽)
/// </summary>
public string BackgroundImage { get; set; }
/// <summary>
/// 滑動(dòng)塊圖
/// </summary>
public string SliderImage { get; set; }

public CaptchaData(string id, string backgroundImage, string sliderImage)
{
    Id = id;
    BackgroundImage = backgroundImage;
    SliderImage = sliderImage;
}
    }
}

id表示驗(yàn)證碼的id值，用于校驗(yàn)驗(yàn)證碼，BackgroundImage 是驗(yàn)證碼圖片base64，包含了凹槽。凹槽模板在templates目錄下。SliderImage 是滑塊圖片。模板在templates下。

CaptchaValidateData.cs

CaptchaValidateData.cs：驗(yàn)證碼驗(yàn)證數(shù)據(jù)實(shí)體

namespace SlideCaptcha.Model
{
    public class CaptchaValidateData
    {
/// <summary>
/// 滑動(dòng)比例
/// </summary>
public float Percent { get; set; }

/// <summary>
/// 容錯(cuò)值(校驗(yàn)時(shí)用，缺口位置與實(shí)際滑動(dòng)位置匹配容錯(cuò)范圍)
/// </summary>
public float Tolerant { get; set; }

public CaptchaValidateData(float percent, float tolerant)
{
    Percent = percent;
    Tolerant = tolerant;
}
    }
}

ImageCaptchaInfo.cs

ImageCaptchaInfo.cs：證碼圖片信息實(shí)體

namespace SlideCaptcha.Model
{
    public class ImageCaptchaInfo
    {
/// <summary>
/// 背景圖寬
/// </summary>
public int BackgroundImageWidth { get; set; }
/// <summary>
/// 背景圖高
/// </summary>
public int BackgroundImageHeight { get; set; }
/// <summary>
/// 背景圖
/// </summary>
public string BackgroundImageBase64 { get; set; }
/// <summary>
/// 滑動(dòng)塊圖寬
/// </summary>
public int SliderImageWidth { get; set; }
/// <summary>
/// 滑動(dòng)塊圖高
/// </summary>
public int SliderImageHeight { get; set; }
/// <summary>
/// 滑動(dòng)塊圖
/// </summary>
public string SliderImageBase64 { get; set; }
    }
}

驗(yàn)證碼實(shí)體類的基類，滑動(dòng)驗(yàn)證碼、旋轉(zhuǎn)驗(yàn)證碼、點(diǎn)選驗(yàn)證碼、拼接驗(yàn)證碼都基于這個(gè)類。

Resource.cs

Resource.cs ：資源實(shí)體類

namespace SlideCaptcha.Model
{
    public class Resource
    {
public Resource(){}
/// <summary>
/// 資源數(shù)據(jù)
/// </summary>
public string Data { get; set; }

/// <summary>
/// 資源類型
/// </summary>
public string Type { get; set; }


/// <summary>
/// 構(gòu)造函數(shù)
/// </summary>
/// <param name="type">資源類型</param>
/// <param name="data">資源數(shù)據(jù)</param>
public Resource(string type,string data)
{
    Type = type;
    Data = data;
}
    }
}

資源數(shù)據(jù)，Data為要生成驗(yàn)證碼圖片路徑。Type為類型，目前僅為本地文件，后期將擴(kuò)展URL模式。

SliderImageCaptchaInfo.cs

SliderImageCaptchaInfo.cs：滑動(dòng)驗(yàn)證碼實(shí)體類

using SlideCaptcha.Exceptions;

namespace SlideCaptcha.Model
{
    public class SliderImageCaptchaInfo : ImageCaptchaInfo
    {
/// <summary>
/// 凹槽x坐標(biāo)
/// </summary>
public int X { get; set; }
/// <summary>
/// 凹槽y坐標(biāo)
/// </summary>
public int Y { get; set; }
/// <summary>
/// 凹槽位置百分比
/// </summary>
public float Percent
{
    get
    {
if (BackgroundImageWidth <= 0) return 0;
return 1.0f * X / BackgroundImageWidth;
    }
}

public void Check()
{
    // 校驗(yàn)
    if (this.X <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(X)}小于等于0");
    if (this.Y <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(Y)}小于等于0");
    if (this.BackgroundImageWidth <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(BackgroundImageWidth)}小于等于0");
    if (this.BackgroundImageHeight <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(BackgroundImageHeight)}小于等于0");
    if (this.SliderImageWidth <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(SliderImageWidth)}小于等于0");
    if (this.SliderImageHeight <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(SliderImageHeight)}小于等于0");
    if (string.IsNullOrWhiteSpace(this.BackgroundImageBase64)) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(BackgroundImageBase64)}為空");
    if (string.IsNullOrWhiteSpace(this.SliderImageBase64)) throw new SlideCaptchaException($"SliderImageCaptchaInfo數(shù)據(jù)異常: {nameof(SliderImageBase64)}為空");
}
    }
}

SlideTrack.cs

·SlideTrack.cs：滑動(dòng)軌跡·

using SlideCaptcha.Exceptions;
using System;
using System.Collections.Generic;

namespace SlideCaptcha.Model
{
    /// <summary>
    /// 滑動(dòng)軌跡
    /// </summary>
    public class SlideTrack
    {
/// <summary>
/// 背景圖片寬度(可能經(jīng)過縮放，不是原始圖片寬高)
/// </summary>
public int BackgroundImageWidth { get; set; }
/// <summary>
/// 背景圖片高度(可能經(jīng)過縮放，不是原始圖片寬高)
/// </summary>
public int BackgroundImageHeight { get; set; }
/// <summary>
/// 滑塊圖片寬度(可能經(jīng)過縮放，不是原始圖片寬高)
/// </summary>
public int SliderImageWidth { get; set; }
/// <summary>
/// 滑塊圖片高度(可能經(jīng)過縮放，不是原始圖片寬高)
/// </summary>
public int SliderImageHeight { get; set; }
/// <summary>
/// 滑動(dòng)開始時(shí)間(可能經(jīng)過縮放，不是原始圖片寬高)
/// </summary>
public DateTime StartTime { get; set; }
/// <summary>
/// 滑動(dòng)結(jié)束時(shí)間
/// </summary>
public DateTime EndTime { get; set; }
/// <summary>
/// 軌跡
/// </summary>
public List<Track> Tracks { get; set; }

/// <summary>
/// 滑動(dòng)比例
/// </summary>
public float Percent
{
    get
    {
if (this.BackgroundImageWidth <= 0) return -1;
if (this.Tracks.Count <= 0) return -1;

var lastTrack = this.Tracks[this.Tracks.Count - 1];
return 1.0f * lastTrack.X / this.BackgroundImageWidth;
    }
}

public void Check()
{
    // 校驗(yàn)
    if (this.BackgroundImageWidth <= 0) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(BackgroundImageWidth)}小于等于0");
    if (this.BackgroundImageHeight <= 0) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(BackgroundImageHeight)}小于等于0");
    if (this.SliderImageWidth <= 0) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(SliderImageWidth)}小于等于0");
    if (this.SliderImageHeight <= 0) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(SliderImageHeight)}小于等于0");
    if (this.StartTime == DateTime.MinValue) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(StartTime)}為空");
    if (this.EndTime == DateTime.MinValue) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(EndTime)}為空");
}

public void CheckTracks()
{
    if (this.Tracks == null || this.Tracks.Count == 0) throw new SlideCaptchaException($"SlideTrack數(shù)據(jù)異常: {nameof(Tracks)}為空");
}
    }
}

TemplatePair.cs

·TemplatePair.cs：模板類·


namespace SlideCaptcha.Model
{
    public class TemplatePair
    {

public TemplatePair() { }

/// <summary>
/// 滑塊資源
/// </summary>
public Resource Slider { get; set; }

/// <summary>
/// 凹槽資源
/// </summary>

public Resource Notch { get; set; }

/// <summary>
/// 模板類型
/// </summary>
public string TYPE { get; set; }

/// <summary>
/// 構(gòu)造函數(shù)
/// </summary>
/// <param name="slider">滑塊資源</param>
/// <param name="notch">凹槽資源</param>
/// <param name="type">末班類型</param>
public TemplatePair(Resource slider, Resource notch,string type)
{
    Slider = slider;
    Notch = notch;
    TYPE = type;
}
/// <summary>
/// 創(chuàng)建模板
/// </summary>
/// <param name="slider">滑塊資源</param>
/// <param name="notch">凹槽資源</param>
/// <returns></returns>
public static TemplatePair Create(Resource slider, Resource notch,string type)
{
    return new TemplatePair(slider, notch,type);
}

    }
}

Track.cs

Track.cs ：滑動(dòng)數(shù)據(jù)實(shí)體類

namespace SlideCaptcha.Model
{
    public class Track
    {
/// <summary>
/// X軸
/// </summary>
public int X { get; set; }

/// <summary>
/// Y軸
/// </summary>
public int Y { get; set; }

/// <summary>
/// 時(shí)間
/// </summary>
public int T { get; set; }
    }
}

代碼中SlideCaptchaException是自定義錯(cuò)誤類。自定義錯(cuò)誤類在Extensions文件夾下，這個(gè)后面的代碼會(huì)進(jìn)行說明。

下載地址：https://pan.baidu.com/s/1YNlcO0llzO1041XqE4IYNg 提取碼：2vf5

到此這篇關(guān)于.NET 6實(shí)現(xiàn)滑動(dòng)驗(yàn)證碼的示例詳解的文章就介紹到這了,更多相關(guān).NET滑動(dòng)驗(yàn)證碼內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！

ASP.NET

上一條：.NET一行代碼實(shí)現(xiàn)GC調(diào)優(yōu)，讓程序不再占用內(nèi)存下一條：.net如何優(yōu)雅的使用EFCore實(shí)例詳解

排行榜

					
					vue 彈出遮罩層樣式實(shí)例
js判斷移動(dòng)端橫豎屏視口檢測實(shí)現(xiàn)的幾種方法
Python是什么？Python有哪些功能？
Java枚舉與.net枚舉區(qū)別詳解
python GUI庫圖形界面開發(fā)之PyQt5滑塊條控件QSlider詳細(xì)使用方法與實(shí)例
python 基于opencv去除圖片陰影
js與css的阻塞問題詳析
golang中json小談之字符串轉(zhuǎn)浮點(diǎn)數(shù)的操作
python使用ctypes庫調(diào)用DLL動(dòng)態(tài)鏈接庫
ASP.NET MVC實(shí)現(xiàn)橫向展示購物車
Java多線程之synchronized關(guān)鍵字的使用
				