【QT学习】如何随机生成登录验证码?(完整源码)


前言

   我们在登录过程中,经常会碰到需要输入验证码进行登录验证的情景。本篇,作者将分享自己如何使用QT制作一个随机生成四位验证码的窗口。


一、实现效果

  • 通过单击窗口,可以随机生成由数字、大小写字母组成的验证码。
    在这里插入图片描述

二、需求分析

(1)随机生成四位由数字、大小写字母组成的字符。

(2)绘制各种颜色的轻微干扰用户识别验证码的点和线。

(3)单击验证码窗口,重新生成干扰点、干扰线,以及验证字符。

三、解决方案

(1)使用srand函数初始化随机种子,再使用rand函数生成随机数,最后加上字母和数字的ascii码。

在这里插入图片描述

(2)通过painter类自带的画点函数、画线函数、绘制文本函数和随机数综合使用,生成不同颜色图像

在这里插入图片描述
(3)继承鼠标按下事件函数,当鼠标点击窗口时,验证码自动刷新并重新绘制新验证码

在这里插入图片描述

四、完整源码

1.main.cpp

#include "widget.h"
#include "verify.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    verify w;
    w.show();

    return a.exec();
}

2.verify.h

#ifndef VERIFY_H
#define VERIFY_H

#include <QFrame>
#include <QString>
#include <QPaintEvent>
#include <QMouseEvent>

class verify : public QFrame
{
    Q_OBJECT
public:
    verify();
    void generateRandNum();
    void paintEvent(QPaintEvent *);
    void mousePressEvent(QMouseEvent *event);
    QString code;
};

#endif // VERIFY_H

3.verify.cpp

#include <QTime>
#include <QChar>
#include <QPainter>
#include <QtGlobal>
#include "verify.h"

verify::verify()
{
    //验证码窗口初始化
    this->setFixedSize(180,80);
    this->setStyleSheet("background-color:white;");
    this->setLineWidth(1);
    this->setMidLineWidth(2);
    this->setFrameShape(QFrame::Box);
    this->setFrameShadow(QFrame::Raised);

    //随机数种子初始化
    qsrand(QTime(0,0,0).secsTo(QTime::currentTime()));

    //生成随机数
    this->generateRandNum();
}

void verify::generateRandNum()
{
    this->code.clear();
    for(int i = 0;i < 4;++i)
    {
        int num = qrand()%3;
        if(num == 0)
        {
            //数字
            this->code += QString::number(qrand()%10);
        }
        else if(num == 1)
        {
            //大写字母
            int temp = 'A';
            this->code += static_cast<QChar>(temp + qrand()%26);
        }
        else if(num == 2)
        {
            //小写字母
            int temp = 'a';
            this->code += static_cast<QChar>(temp + qrand()%26);
        }
    }
}

void verify::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    QPen pen;
    QFont font("楷体",25,QFont::Bold,true);
    painter.setFont(font);

    //画点
    for(int i=0;i<100;i++)
    {
        pen = QPen(QColor(qrand()%256,qrand()%256,qrand()%256));
        painter.setPen(pen);
        painter.drawPoint(qrand()%180,qrand()%80);
    }

    //画线
    for(int i=0;i<5;i++)
    {
        pen = QPen(QColor(qrand()%256,qrand()%256,qrand()%256));
        painter.setPen(pen);
        painter.drawLine(qrand()%180,qrand()%80,qrand()%180,qrand()%80);
    }

    //绘制验证码
    for(int i=0;i<4;i++)
    {
        pen = QPen(QColor(qrand()%255,qrand()%255,qrand()%255));
        painter.setPen(pen);
        painter.drawText(15+35*i,10+qrand()%15,30,40,Qt::AlignCenter, QString(code[i]));
    }
}

void verify::mousePressEvent(QMouseEvent *event)
{
	//重新生成验证码
    generateRandNum();
    //实时更新
    update();
}


总结

   以上就是【QT学习】如何随机生成登录验证码?(完整源码)的所有内容,希望大家阅读后都能有所收获!原创不易,转载请标明出处,若文章出现有误之处,欢迎读者留言指正批评!

在这里插入图片描述

  • 10
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Qt的代码生成器主要使用了Qt的元对象系统(Meta-Object System)和QtUI文件格式。如果您想深入学习Qt的代码生成器的源码,可以按照以下步骤进行: 1. 学习Qt的元对象系统:元对象系统是Qt的一个核心特性,用于实现信号和槽机制、动态属性、对象的反射等功能。您可以先学习Qt的元对象系统的基本概念和用法,了解Qt如何在运行时动态创建和管理对象,并通过信号和槽机制进行对象间的通信。 2. 了解QtUI文件格式:QtUI文件是用于描述界面的XML文件,其中包含了界面的布局、控件、属性等信息。您可以了解QtUI文件格式的基本结构和标签含义,以及Qt如何将UI文件转换为C++代码的过程。 3. 阅读Qt的代码生成器源码Qt的代码生成器源码位于Qt Creator的源代码中,您可以下载Qt Creator的源代码,然后在其中找到对应的代码生成器的源码。在阅读源码时,可以结合Qt的元对象系统和UI文件格式来理解代码的实现原理和具体实现细节。 4. 调试和测试代码生成器:您可以使用Qt Creator中的调试工具来对代码生成器进行调试和测试,了解代码生成器的运行过程和效果。通过调试和测试,您可以更深入地理解代码生成器的实现,发现并解决可能存在的问题和bug。 需要注意的是,Qt的代码生成器源码较为复杂,需要一定的Qt编程经验和基础知识,建议您在学习之前先掌握Qt的基本概念和编程技巧。同时,也可以参考Qt官方文档和社区中的相关资料,加快学习和理解的进程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤生i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值