文章詳情頁

.NET 6實現滑動驗證碼的示例詳解

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

CaptchaData.cs

CaptchaData.cs：驗證碼的數據類實體

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

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

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

CaptchaValidateData.cs

CaptchaValidateData.cs：驗證碼驗證數據實體

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

/// <summary>
/// 容錯值(校驗時用，缺口位置與實際滑動位置匹配容錯范圍)
/// </summary>
public float Tolerant { get; set; }

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

ImageCaptchaInfo.cs

ImageCaptchaInfo.cs：證碼圖片信息實體

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>
/// 滑動塊圖寬
/// </summary>
public int SliderImageWidth { get; set; }
/// <summary>
/// 滑動塊圖高
/// </summary>
public int SliderImageHeight { get; set; }
/// <summary>
/// 滑動塊圖
/// </summary>
public string SliderImageBase64 { get; set; }
    }
}

驗證碼實體類的基類，滑動驗證碼、旋轉驗證碼、點選驗證碼、拼接驗證碼都基于這個類。

Resource.cs

Resource.cs ：資源實體類

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

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


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

資源數據，Data為要生成驗證碼圖片路徑。Type為類型，目前僅為本地文件，后期將擴展URL模式。

SliderImageCaptchaInfo.cs

SliderImageCaptchaInfo.cs：滑動驗證碼實體類

using SlideCaptcha.Exceptions;

namespace SlideCaptcha.Model
{
    public class SliderImageCaptchaInfo : ImageCaptchaInfo
    {
/// <summary>
/// 凹槽x坐標
/// </summary>
public int X { get; set; }
/// <summary>
/// 凹槽y坐標
/// </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()
{
    // 校驗
    if (this.X <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(X)}小于等于0");
    if (this.Y <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(Y)}小于等于0");
    if (this.BackgroundImageWidth <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(BackgroundImageWidth)}小于等于0");
    if (this.BackgroundImageHeight <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(BackgroundImageHeight)}小于等于0");
    if (this.SliderImageWidth <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(SliderImageWidth)}小于等于0");
    if (this.SliderImageHeight <= 0) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(SliderImageHeight)}小于等于0");
    if (string.IsNullOrWhiteSpace(this.BackgroundImageBase64)) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(BackgroundImageBase64)}為空");
    if (string.IsNullOrWhiteSpace(this.SliderImageBase64)) throw new SlideCaptchaException($"SliderImageCaptchaInfo數據異常: {nameof(SliderImageBase64)}為空");
}
    }
}

SlideTrack.cs

·SlideTrack.cs：滑動軌跡·

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

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

/// <summary>
/// 滑動比例
/// </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()
{
    // 校驗
    if (this.BackgroundImageWidth <= 0) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(BackgroundImageWidth)}小于等于0");
    if (this.BackgroundImageHeight <= 0) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(BackgroundImageHeight)}小于等于0");
    if (this.SliderImageWidth <= 0) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(SliderImageWidth)}小于等于0");
    if (this.SliderImageHeight <= 0) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(SliderImageHeight)}小于等于0");
    if (this.StartTime == DateTime.MinValue) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(StartTime)}為空");
    if (this.EndTime == DateTime.MinValue) throw new SlideCaptchaException($"SlideTrack數據異常: {nameof(EndTime)}為空");
}

public void CheckTracks()
{
    if (this.Tracks == null || this.Tracks.Count == 0) throw new SlideCaptchaException($"SlideTrack數據異常: {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>
/// 構造函數
/// </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>
/// 創建模板
/// </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 ：滑動數據實體類

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

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

/// <summary>
/// 時間
/// </summary>
public int T { get; set; }
    }
}

代碼中SlideCaptchaException是自定義錯誤類。自定義錯誤類在Extensions文件夾下，這個后面的代碼會進行說明。

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

到此這篇關于.NET 6實現滑動驗證碼的示例詳解的文章就介紹到這了,更多相關.NET滑動驗證碼內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！

ASP.NET

上一條：.NET一行代碼實現GC調優，讓程序不再占用內存下一條：.net如何優雅的使用EFCore實例詳解

排行榜

					
					IntelliJ IDEA設置條件斷點的方法步驟
JavaScript實現通訊錄功能
php相對路徑轉化成絕對路徑
IntelliJ IDEA 統一設置編碼為utf-8編碼的實現
Docker容器如何更新打包并上傳到阿里云
python 實現"神經衰弱"翻牌游戲
spring+mybatis實現圖書管理系統
phpstudy apache開啟ssi使用詳解
詳解CSS偽元素的妙用單標簽之美
得到XML文檔大小的方法
詳談ajax返回數據成功 卻進入error的方法
				