Qt实现简单项目——简单登录界面

1、新建工程文件

新建→Qt Widgets Application→设置名称和路径→基类选择Dialog→下一步,保存。

参考流程如下图:

Qt实现简单项目——简单登录界面_第1张图片Qt实现简单项目——简单登录界面_第2张图片Qt实现简单项目——简单登录界面_第3张图片

Qt实现简单项目——简单登录界面_第4张图片

 2.登录界面设计

 打开新建的工程文件夹,在 Form文件夹内部是默认的dialog.ui文件,在此文件的界面图内,添加相应的控件,并双击各控件,修改显示的内容,各控件名如下图:

Qt实现简单项目——简单登录界面_第5张图片

3.程序添加

1)在dialo.cpp文件中,添加如下程序:

#include "dialog.h"
#include "ui_dialog.h"
#include "QMessageBox"//

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
    , ui(new Ui::Dialog)
{
    ui->setupUi(this);
}

Dialog::~Dialog()
{
    delete ui;
}


//退出按钮的槽函数
void Dialog::on_pushButton_2_clicked()//
{
    close();
}
// 登录 按钮的槽函数
void Dialog::on_pushButton_clicked()//
{
    // 设置用户名为ABC,密码为123
    if(ui->lineEdit->text().trimmed()=="ABC"&&ui->lineEdit_2->text().trimmed()=="123")
    {
        // 用户名与 密码都输入正确时,提示"登录成功"
         QMessageBox::question(this,tr("提示"),tr("登陆成功"),QMessageBox::Yes,QMessageBox::No);
        accept();
    }
    else
    {
        //用户名或密码 出现错误,弹出警告,并显示"用户名或密码错误"   提示 内容可根据个人习惯设定
        QMessageBox::question(this,tr("警告"),tr("用户名或密码错误!"),QMessageBox::Yes,QMessageBox::No);
    }
}

2)在main.cpp文件中,添加程序如下:

#include "dialog.h"
#include 


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

        if(w.exec()==QDialog::Accepted){//
            w.show();//
        }//

        return a.exec();
//    w.show();
//    return a.exec();
}

4.运行结果

点击运行,弹出登录页面,输入用户名、密码即可。

用户名或密码输入有误时,弹出警告框,输入正确时,弹出提示框。

Qt实现简单项目——简单登录界面_第6张图片

Qt实现简单项目——简单登录界面_第7张图片

 功能完成,结束~

新人分享,如有错误,欢迎指正批评~     撒花✿✿ヽ(°▽°)ノ✿

你可能感兴趣的:(Qt实现简单项目——简单登录界面)