.net点选验证码实现思路分享_前端点选验证-优快云博客

本文链接：https://blog.youkuaiyun.com/lmrylll/article/details/131379578

本文分享了一种使用.NET创建点选验证码的实现过程，包括汉字库建立、验证码生成、形近字查找、文字排列、图片绘制以及前端交互。作者通过数据库存储汉字并按部首分类，随机选取文字生成验证码，并提供了相关的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

哈哈好久没冒泡了，最进看见点选验证码有点意思，所以想自己写一个。

先上效果图

如果你被这个效果吸引了就请继续看下去。

贴代码前先说点思路：

1.要有一个汉字库,并按字形分类。（我在数据库里是安部首分类的）

2.获取验证码（也就是取几个文字做验证码）

3.根据取出来的文字去找形近字

4.排列验证码文字和形近字

5.绘制图片

6.显示

6.写个博客分享一下（分享代码改变世界）

一、获取字库

　　我国文化博大精深，辣么多的字从哪儿来？当然我不可能手动加进去，于是我就在网上随便找了一个能查汉字的网站，去抓别人的数据。抓数据的方法请点传送门。传送门里说的只是思路，如果有不明白的请艾特我。我会在下面共享我的字库。

二、获取验证码

这个就比较简单了这里我就直接贴代码了，下面的代码就是随机排序后取4条数据，我这样写是为了图方便。个人觉得先随机生成ID，然后直接根据ID取数据，这样查询速度会比下面这种写法快。（注意我用的数据库是MySql）

      /// <summary>
        /// 获取验证码
        /// </summary>
        public List<VerificationCode.Model.WenZhi> GetCodeText()
        {
            const string sql = "SELECT * FROM wenzhi ORDER BY RAND() LIMIT 4";
            var dataReader = dbHelper.GetDataReader(sql);
            var list = DataReaderToList(dataReader);
            dataReader.Close();
            return list;
        }

三、根据取出来的文字去找形近字

　　因为第一步的时候我存部首了，所以这里我直接根据部首取获取当前部首的形近字。

        /// <summary>
        /// 获取答案备选
        /// </summary>
        /// <param name="buShouCode">部首编码</param>
        /// <param name="id">当前文字ID</param>
        /// <param name="number">数量</param>
        /// <returns></returns>
        public List<VerificationCode.Model.WenZhi> GetAnswer(string buShouCode, int id,int number=)
        {
            string sql = $"SELECT * FROM wenzhi where BuShouCode='{buShouCode}' and ID <> {id} ORDER BY RAND() LIMIT "+ number;
            var dataReader = dbHelpe