快捷導(dǎo)航

Qt實現(xiàn)驗證碼相關(guān)功能的代碼示例

更新時間：2024年01月28日 09:31:36 作者：做一個AC夢

驗證碼的原理基于人類視覺和計算機(jī)視覺的差異性,通過給用戶顯示一些難以被機(jī)器識別的圖形或文字,讓用戶進(jìn)行人機(jī)交互,確認(rèn)自己的身份,這樣可以有效保護(hù)網(wǎng)站安全,所以本給大家介紹了Qt實現(xiàn)驗證碼相關(guān)功能的代碼示例,感興趣的朋友可以參考下

驗證碼的原理

驗證碼的原理基于人類視覺和計算機(jī)視覺的差異性。通過給用戶顯示一些難以被機(jī)器識別的圖形或文字，讓用戶進(jìn)行人機(jī)交互，確認(rèn)自己的身份。這樣可以防止機(jī)器大規(guī)模注冊、機(jī)器暴力破解數(shù)據(jù)密碼等危害，保護(hù)網(wǎng)站安全。

Qt實現(xiàn)驗證碼的原理

隨機(jī)性：驗證碼必須是隨機(jī)生成的，以確保每次顯示的內(nèi)容都不同。
安全性：驗證碼的生成過程需要考慮到安全性，例如使用不同的算法生成驗證碼，避免被惡意程序破解。
用戶交互：驗證碼生成后，需要由用戶進(jìn)行識別和填寫，通過用戶的操作來判斷用戶的有效性。
圖形界面：在Qt中，可以使用圖形界面組件來顯示驗證碼，例如QLabel或QPushButton等。
圖像處理：為了增加驗證碼的識別難度，可以在驗證碼中添加噪聲、扭曲等效果，這需要使用圖像處理技術(shù)來實現(xiàn)。

實現(xiàn)步驟

創(chuàng)建UI界面：首先，在QT Designer中創(chuàng)建一個UI界面，添加一個Label標(biāo)簽，兩個Button按鈕以及一個lineEdit輸入框，并且將這些組件均放入widget樣式表當(dāng)中，并將widget樣式表放入centralwidget樣式表中。（在UI設(shè)計師界面可以使用SHIFT+ALT+R進(jìn)行預(yù)覽布局效果）

設(shè)置Label標(biāo)簽：將Label標(biāo)簽設(shè)置為顯示驗證碼。你可以使用QLabel類來創(chuàng)建標(biāo)簽，并設(shè)置其文本屬性。
實現(xiàn)驗證碼邏輯：編寫代碼以生成驗證碼。這通常涉及到一個隨機(jī)數(shù)生成器，用于生成一個唯一的驗證碼字符串。
刷新驗證碼：當(dāng)用戶點擊按鈕時，重新生成一個新的驗證碼，并更新Label標(biāo)簽的文本屬性。
驗證驗證碼：當(dāng)用戶提交表單時，驗證你所輸入的驗證碼是否與Label標(biāo)簽上顯示的驗證碼匹配。

具體代碼

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
 
#include <QMainWindow>
#include <QTimer>
#include <QMessageBox>
#include <QPainter>
#include <QDebug>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
 
class MainWindow : public QMainWindow
{
    Q_OBJECT
 
public:
    MainWindow(QWidget *parent = nullptr);
    QString m_captcha;
    QColor m_color;
    void paintEvent(QPaintEvent* evt);
    QString getCaptcha();
    QColor generateRandomColor() ;
    ~MainWindow();
private slots:
    void on_pushButton_clicked();
    void on_pushButton_2_clicked();
private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

main.cpp

#include "mainwindow.h"
 
#include <QApplication>
 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QRandomGenerator>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    // 設(shè)置UI界面
    m_captcha = getCaptcha();
    // 獲取驗證碼
    m_color = generateRandomColor();
    // 生成隨機(jī)顏色
}
 
 
MainWindow::~MainWindow()
{
    delete ui;
}
 
void MainWindow::on_pushButton_clicked()//驗證按鈕的槽函數(shù)
{
    QString captcha = ui->lineEdit->text().replace(" ", "");
    // 獲取用戶輸入的驗證碼并去除空格
 
    if(captcha.toLower() == m_captcha.toLower())
    // 將用戶輸入的驗證碼和生成的驗證碼進(jìn)行比較（忽略大小寫）
    {
        QMessageBox::warning(this, "Warning", "Captcha is macthed");
        // 如果驗證碼匹配，顯示匹配提示框
    }
    else
    {
        QMessageBox::warning(this, "Warning", "Captcha is not macthed");
        // 如果驗證碼不匹配，顯示不匹配提示框
        m_captcha = getCaptcha();
        // 獲取新的驗證碼
    }
}
 
 
void MainWindow::on_pushButton_2_clicked()//刷新按鈕的槽函數(shù)
{
    m_captcha = getCaptcha(); // 獲取新的驗證碼
    m_color = generateRandomColor(); // 生成隨機(jī)顏色
    repaint(); // 重新繪制窗口
    update(); // 更新窗口顯示
}
 
 
void MainWindow::paintEvent(QPaintEvent *evt)
{
    QPainter painter(this);
 
    // 填充背景為白色
    painter.fillRect(ui->label->x()+ui->widget->x(), ui->label->y()+ui->widget->y(), ui->label->width(), ui->label->height(), Qt::white);
 
    // 設(shè)置字體樣式
    painter.setFont(QFont("Lucida Console", 18,QFont::Bold));
 
    // 繪制驗證碼字符
    for(int i = 0; i < 4; i++)
    {
        QColor color = generateRandomColor();
        // 生成隨機(jī)顏色
        QPen pen(color);
        pen.setWidth(1);
        painter.setPen(pen);
        painter.drawText(ui->label->x() +ui->widget->x()+ 30*i, ui->label->y()+ui->widget->y(), 30, ui->label->height(), Qt::AlignCenter,
                         QString(m_captcha[i]));
                         // 繪制驗證碼字符
    }
 
    // 繪制噪點
    for(int i=0; i<1500; i++)
    {
        QColor color = generateRandomColor();
        // 生成隨機(jī)顏色
        QPen pen(color);
        pen.setWidth(1);
        painter.setPen(pen);
        painter.drawPoint(ui->label->x()+ui->widget->x()+ (qrand() % ui->label->width()), ui->label->y()+ui->widget->y() + (qrand() % ui->label->height()));
    }
 
    // 繪制干擾線
    for(int i = 0;i < 10;++i)
    {
        painter.drawLine(ui->label->x()+ui->widget->x()+qrand()%ui->label->width(),ui->label->y()+ui->widget->y()+qrand()%ui->label->height(),
                         ui->label->x()+ui->widget->x()+qrand()%ui->label->width(),ui->label->y()+ui->widget->y()+qrand()%ui->label->height());
    }
}
 
 
QString MainWindow::getCaptcha()
{
    const QString possibleCharacters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    const int captchaLength = 4;
    QString result = "";
 
    // 生成驗證碼字符串
    for (int i = 0; i < captchaLength; ++i) {
        int index = QRandomGenerator::global()->bounded(possibleCharacters.length());
        // 生成一個0到possibleCharacters長度之間的隨機(jī)整數(shù)
        result.append(possibleCharacters.at(index));
        // 將隨機(jī)位置的字符添加到結(jié)果字符串中
    }
 
    return result; // 返回生成的驗證碼字符串
}
 
 
QColor MainWindow::generateRandomColor() {
    int red = QRandomGenerator::global()->bounded(256);
    // 生成0到255之間的隨機(jī)整數(shù)作為紅色通道的值
    int green = QRandomGenerator::global()->bounded(256);
    // 生成0到255之間的隨機(jī)整數(shù)作為綠色通道的值
    int blue = QRandomGenerator::global()->bounded(256);
    // 生成0到255之間的隨機(jī)整數(shù)作為藍(lán)色通道的值
    return QColor(red, green, blue);
    // 使用生成的RGB值創(chuàng)建并返回一個QColor對象
}