10驾校科目一考试系统——窗口交互-阿里云开发者社区

回顾

之前的06~09都是把登录界面屏蔽了的，直接进入了考试界面，那么我们如何把粮价格页面进行交互呢？这是一个值得深思的问题。

目标：当用户点击登录验证成功之后，即可进入交互界面

完整代码

Examsys.pro

#-------------------------------------------------
#
# Project created by QtCreator 2020-01-06T10:34:19
#
#-------------------------------------------------
QT       += core gui
# 设计应用程序图标
RC_ICONS += login.ico
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
TARGET = ExamSys
TEMPLATE = app
# The following define makes your compiler emit warnings if you use
# any feature of Qt which has been marked as deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS
# You can also make your code fail to compile if you use deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
SOURCES += \
        main.cpp \
        logindialog.cpp \
        examdialog.cpp
HEADERS += \
        logindialog.h \
        examdialog.h
FORMS += \
        logindialog.ui
RESOURCES += \
    image.qrc

examdialog.h

#ifndef EXAMDIALOG_H
#define EXAMDIALOG_H
#include <QDialog>
#include <QTimer>
#include <QTextEdit>
#include <QLabel>
#include <QRadioButton>
#include <QCheckBox>
#include <QGridLayout>
#include <QButtonGroup>
class ExamDialog : public QDialog
{
    Q_OBJECT
public:
    ExamDialog(QWidget* parent = 0);
    void initTimer();   //初始化计时器
    void initLayout();  //初始化布局管理器
    bool initTextEdit();//初始化文本编辑器
    void initButtons(); //初始化按钮及标签
    bool hasNoSelect(); //判断题目是否有未完成的
private:
    QTimer *m_timer;    //计时器
    int m_timeGo;       //考试已用时
    QTextEdit *m_textEdit;  //考试题库显示
    QLabel *m_titleLabels[10];  //题目标签
    QButtonGroup *m_btnGroups[9];   //单项按钮分组
    QRadioButton *m_radioBtns[32];  //单选题按钮
    QCheckBox *m_checkBtns[4];      //多选题按钮
    QRadioButton *m_radioA;         //判断题A选项
    QRadioButton *m_radioB;         //判断题B选项
    QGridLayout *m_layout;          //布局管理器
    QStringList m_answerList;       //存放答案的链表
private slots:
    void freshTime();   //刷新考试时间
    void getScore();    //获取考试成绩
};
#endif // EXAMDIALOG_H

examdialog.cpp

#include "examdialog.h"
#include <QFile>
#include <QTextStream>
#include <QMessageBox>
#include <QApplication>
#include <QPushButton>
ExamDialog::ExamDialog(QWidget* parent):QDialog(parent)
{
    //设置字体大小
    QFont font;
    font.setPointSize(12);
    setFont(font);
    //设置窗体背景颜色
    setPalette(QPalette(QColor(209,215,255)));
    setWindowTitle("考试已用时：0分0秒");
    setWindowFlags(Qt::Dialog | Qt::WindowCloseButtonHint); //基本对话框风格加上一个关闭按钮
    resize(800,900);
    // 调用初始化计时器
    initTimer();
    //初始化布局管理器
    initLayout();
    //初始化文本编辑器
    if(!initTextEdit()){
        QMessageBox::information(this,"提示","初始化题库数据文件失败！");
        //因为初始化失败，所以系统就直接退出（发送信号）。
        //第一个参数：多久来发送信号（0：立即退出）  第二个参数：想要那个对象相应槽方法（当前应用程序：QApp[应用程序的全局对象]）  第三个参数：响应方法
        QTimer::singleShot(0,qApp,SLOT(quit()));//间隔0s，当前的应用程序执行退出操作
    }
    initButtons();
    show(); //如果初始化成功了就显示出来。
}
void ExamDialog::initTimer()
{
    m_timeGo = 0;
    m_timer = new QTimer(this);
    m_timer->setInterval(1000);
    m_timer->start();
    connect(m_timer,SIGNAL(timeout()),this,SLOT(freshTime()));
}
void ExamDialog::initLayout()
{
    m_layout = new QGridLayout(this);
    m_layout->setSpacing(10);   //设置控件间的间距
    m_layout->setMargin(10);    //设置窗体与控件间的间隙
}
bool ExamDialog::initTextEdit()
{
    QString strLine;        //保存文件中读取到的一行数据
    QStringList strList;    //保存读取到的答案行
    QString fileName("../exam.txt");
    QFile file(fileName);
    QTextStream stream(&file);
    stream.setCodec("UTF-8");
    if( file.open(QIODevice::ReadOnly | QIODevice::Text) )
    {
        m_textEdit = new QTextEdit(this);
        m_textEdit->setReadOnly(true);  //将文本设置为只读属性，不然现实的文本框居然还能够被修改。
        QString strText;    //用于保存显示到文本编辑器的数据
        int nLines = 0;
        while(!stream.atEnd())
        {
            //过滤首行
            if(nLines == 0){
                stream.readLine();
                nLines++;
                continue;
            }
            //过滤答案行（题目、ABCD、答案一共是6行）。一共有10个题。第十题是判断题需要特殊的处理。
            if( (nLines >= 6 && nLines <= 6 * 9 && (nLines % 6 == 0) )  /*选择题的答案*/
                    || (nLines == 6 * 9 + 4)/*判断题的答案行*/){
                //对于答案行的处理
                strLine = stream.readLine();    //先读取这一行
                strList = strLine.split(" ");   //对答案进行处理——以空格进行分割（eg：答案 A）
                m_answerList.append(strList.at(1));//把答案存放到答案链表里边 因为0：答案 1：A\b\c\d
                strText += "\n";
                nLines++;
                continue;
            }
            //读取一行
            strText += stream.readLine();
            strText += "\n";
            nLines++;
        }
        //添加布局
        m_textEdit->setText(strText);
        m_layout->addWidget(m_textEdit,0,0,1,10);//窗口对象，行、列、行宽、列宽
        file.close();
        return true;
    }else{
        return false;
    }
}
void ExamDialog::initButtons()
{
    //答案的文本
    QStringList strList = {"A","B","C","D"};
    //对十道题进行布局
    for(int i = 0; i <10; i++){
        //题目标签
        m_titleLabels[i] = new QLabel(this);
        m_titleLabels[i]->setText("第" + QString::number(i+1) + "题");
        //添加到布局管理器中 参一：添加的部件的对象  参二：第几行（因为文本编辑器在第0行，所以题目标签在第1行） 参三：第几列
        m_layout->addWidget(m_titleLabels[i],1,i);
        //判断题（也就是最后一题了——需要特殊处理的）
        if(i == 9){
            //单选
            m_radioA = new QRadioButton(this);//构造单选对象
            m_radioB = new QRadioButton(this);//构造单选对象
            //添加到布局里面（文本编辑器第0行、题目标签第1行） 正确地2行，错误第3行 判断题占据最后一列。
            m_radioA->setText("正确");
            m_radioB->setText("错误");
            m_layout->addWidget(m_radioA,2,9);  //正确：2行9列
            m_layout->addWidget(m_radioB,3,9);  //错误：3行9列
            //将单选进行分组，不加这个的话，就会整个单选框只能选择一个
            m_btnGroups[8] = new QButtonGroup(this);
            m_btnGroups[8]->addButton(m_radioA);
            m_btnGroups[8]->addButton(m_radioB);
            //判断题是最后一个溜了，当他构造完了之后直接就能退出了
            break;
        }
        if(i < 8) m_btnGroups[i] = new QButtonGroup(this);
        //选择题（4个按钮需要布局）
        for(int j = 0; j < 4; j++)
        {
            if( i == 8){//第八题为：多项多选题。所以需要特殊处理
                m_checkBtns[j] = new QCheckBox(this);//构造多选对象
                m_checkBtns[j]->setText(strList.at(j)); //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_checkBtns[j],2+j,8);  //A、B、C、D各占第2、3、4、5行8第列
            }else{//单项选择题
                m_radioBtns[4 * i + j] = new QRadioButton(this);    //构造出所有的单选的按钮对象
                m_radioBtns[4 * i + j]->setText(strList.at(j));     //拿到 A、B、C、D这四个选项
                m_layout->addWidget(m_radioBtns[4 * i + j],2+j,i);  //A、B、C、D各占第2、3、4、5行0~7第列
                //将单选进行分组，不加这个的话，就会整个单选框只能选择一个
                m_btnGroups[i]->addButton(m_radioBtns[4 * i + j]);
            }
        }
    }
    //构造提交按钮的对象
    QPushButton *submitBtn = new QPushButton(this);
    submitBtn->setText("提交");
    submitBtn->setFixedSize(100,35);
    //适用槽函数来获取分数
    connect(submitBtn,SIGNAL(clicked(bool)),this,SLOT(getScore()));
    m_layout->addWidget(submitBtn,6,9); //设置提交按钮的位置
}
//判断题目是否有未完成的
bool ExamDialog::hasNoSelect()
{
    int radioSelects = 0;//单选题的计数
    //通过按钮分组来判断，来检查按钮是否被选上了
    for(int i = 0; i < 8; i++)
    {
        //如果有按钮选上了，计数+1
        if( m_btnGroups[i]->checkedButton() )
            radioSelects++;
    }
    //如果不足 8 说明有未完成的单选
    if(radioSelects != 8)
        return true;
    //对多选按钮进行判断——只要有选中了的就行
    int checkSelects = 0;
    for(int i = 0; i < 4; i++)
    {
        if(m_checkBtns[i]->isChecked())
            checkSelects++;
    }
    //如果多选只有1个或者没有那么就选的不完全，即又为完成的选项
    if(checkSelects == 0 || checkSelects == 1)
        return true;
       //判断题——只有有一个选上了就ok
    if(!m_radioA->isChecked() && !m_radioB->isChecked())
        return true;
    return false;
}
void ExamDialog::getScore()
{
    if(hasNoSelect()){
        QMessageBox::information(this,"提示","您有未完成的题目，请完成考试！","是");
        return;
    }
    int scores = 0;
    //对10个题进行判断
    for(int i = 0; i < 10; i++)
    {
        //单选题计分
        if( i < 8)
            //与链表中的答案进行对比，如果正确，则+10
            if(m_btnGroups[i]->checkedButton()->text() == m_answerList.at(i))
                scores += 10;
        //多项选择题计分
        if(i == 8){
            QString answer = m_answerList.at(i);
            bool hasA = false;
            bool hasB = false;
            bool hasC = false;
            bool hasD = false;
            //contains：是否包含指定的字符串
            //提取答案是否正确
            if( answer.contains("A") ) hasA = true;
            if( answer.contains("B") ) hasB = true;
            if( answer.contains("C") ) hasC = true;
            if( answer.contains("D") ) hasD = true;
            //提取选择的按钮是否选中。选中了返回true，未选中false
            bool checkA = m_checkBtns[0]->checkState();
            bool checkB = m_checkBtns[1]->checkState();
            bool checkC = m_checkBtns[2]->checkState();
            bool checkD = m_checkBtns[3]->checkState();
            //因为多选要所有答案都对才记分，如果状态不一致那么跳过本次循环
            if( hasA != checkA) continue;
            if( hasB != checkB) continue;
            if( hasC != checkC) continue;
            if( hasD != checkD) continue;
            scores += 10;
        }
        //判断题计分
        if(i == 9){
            //选中项文本和答案文本进行对比
            if(m_btnGroups[8]->checkedButton()->text() == m_answerList.at(i))
                scores += 10;
        }
    }
    //如果分数太低，用户想再考一次的话。
    QString str = "您的分数是：" + QString::number(scores) + "分，是否重新考试？";
    int res = QMessageBox::information(this,"提示",str,QMessageBox::Yes | QMessageBox::No);
    if(res == QMessageBox::Yes)
        return;
    else
        close();
}
void ExamDialog::freshTime()
{
    m_timeGo++;
    QString min = QString::number(m_timeGo / 60);
    QString sec = QString::number(m_timeGo % 60);
    setWindowTitle("考试已用时：" + min + "分" + sec + "秒");
}

logindialog.h

#ifndef LOGINDIALOG_H
#define LOGINDIALOG_H
#include <QDialog>
namespace Ui {
class LoginDialog;//Ui_LoginDialog子类，用于描述登录窗口界面信息
}
class LoginDialog : public QDialog
{
    Q_OBJECT    //支持信号与槽的宏
public:
    explicit LoginDialog(QWidget *parent = 0);
    ~LoginDialog();
private slots:
    void on_loginBtn_clicked();
    void on_cancelBtn_clicked();
private:
    Ui::LoginDialog *ui;
};
#endif // LOGINDIALOG_H

logindialog.cpp

#include "logindialog.h"
#include "ui_logindialog.h"
#include <QMessageBox>
#include <QFile>
#include <QTextStream>
LoginDialog::LoginDialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::LoginDialog)
{
    ui->setupUi(this);
    ui->imgLabel->setScaledContents(true);
    resize(ui->imgLabel->width(),ui->imgLabel->height());
    setFixedSize(width(),height());
    setWindowTitle("驾校科目一考试登录");
    setWindowFlags(Qt::Dialog | Qt::WindowCloseButtonHint);
}
LoginDialog::~LoginDialog()
{
    delete ui;
}
void LoginDialog::on_loginBtn_clicked()
{
    //正则验证邮箱地址 用户名@域名 80808080@qq.com
    //元字符解释：^表示规则字符串的开始 $表示规则字符串的结束
    //+表示匹配次数≥1次 *表示匹配任意次数(可为0次) {n,m}表示匹配次数至少n次，至多m次
    QRegExp rx("^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$");
    bool res = rx.exactMatch(ui->accountEdit->text());
    if(!res){//匹配不成功
        QMessageBox::information(this,"提示","非法的邮箱地址，请你重新输入！");
        ui->accountEdit->clear();
        ui->codeEdit->clear();
        ui->accountEdit->setFocus();
        return;
    }else{
        QString filename;   //账号密码数据文件
        QString strAccInput;//用户输入的账号
        QString strCode;    //用户输入的密码
        QString strLine;    //每次读取的一行数据
        QStringList strList;//保存分割读取的一行数据
        filename = "account.txt";
        strAccInput = ui->accountEdit->text();
        strCode = ui->codeEdit->text();
        QFile file(filename);
        QTextStream stream(&file);
        if( file.open(QIODevice::ReadOnly | QIODevice::Text) )
        {
            while(!stream.atEnd()){
            strLine = stream.readLine();
            strList = strLine.split(",");
            if(strAccInput == strList.at(0))//账号匹配成功
                if(strCode == strList.at(1)){//密码匹配成功
                    QMessageBox::information(this,"提示","欢迎进入科目一考试系统！");
                    file.close();
                    //done方法有一个参数：
                    //done功能：关闭当前的窗体，并且以指定的方式返回。
                    done(Accepted); //关闭窗体并且返回用户接受的状态宏：Accepte
                    return;
                }else{
                    QMessageBox::information(this,"提示","您输入的密码有误，请重新输入！");
                    ui->codeEdit->clear();
                    ui->codeEdit->setFocus();
                    file.close();
                    return;
                }
            }
            QMessageBox::information(this,"提示","您输入的账号有误，请重新输入！");
            ui->accountEdit->clear();
            ui->codeEdit->clear();
            ui->accountEdit->setFocus();
            file.close();
            return;
        }else{
            QMessageBox::information(this,"提示","读取账号数据文件失败！");
            return;
        }
    }
}
void LoginDialog::on_cancelBtn_clicked()
{
    //done方法有一个参数：
    //done功能：关闭当前的窗体，并且以指定的方式返回。
    done(Rejected);//关闭窗体并且返回用户拒绝的状态宏：Rejected
}

main.cpp

#include "logindialog.h"
#include <QApplication>
#include <examdialog.h>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    LoginDialog logDialog;
    //让界面以模态进行展示。有两种结果：一种是接受，一种是拒绝。
    //接收 done返回的结果
    int res = logDialog.exec();
    if(res == QDialog::Accepted)
    {
        //进入考试界面。创建考试界面的对象
        ExamDialog *examDialog;
        examDialog = new ExamDialog;
        //没有在这里调用show的原因是因为，在创建考试界面对象的时候 会进行初始化，只有初始化成功了才会显示
    }else{
        //用户选择取消，那么就直接关闭看
        return 0;
    }
    return a.exec();
}

运行效果

登录页面成功后转考试页面

本项目结合前面部分再结合本项目的注释，相信大家都能很好的掌握了，不再赘述

下一篇介绍

11驾校科目一考试系统——打包发布

10驾校科目一考试系统——窗口交互

回顾

完整代码

Examsys.pro

examdialog.h

examdialog.cpp

logindialog.h

logindialog.cpp

main.cpp

运行效果

登录页面成功后转考试页面

下一篇介绍

热门文章

最新文章

相关课程

相关电子书

相关实验场景