Qt 实现登录功能

在弹出对话框中填写用户名和密码，按下登录按钮，如果用户名和密码均正确则进入主窗口，如果有错则弹出警告对话框。

运行过程中可能有个问题，暂且跳过：

Ubuntu Qt 安装后运行失败提示 can`t find -Igl

这是由于 Qt5.0 默认将OpenGL加入了工程，但是在机器上没有安装OpenGL，所以只需要在机器上安装OpenGL即可 。

安装建立基本编译环境
首先不可或缺的，就是编译器与基本的函式库，如果系统没有安装的话，请依照下面的方式安装：
$ sudo apt-get install build-essential

安装OpenGL Library
接下来要把我们会用到的 Library 装上去，首先安装 OpenGL Library

$sudo apt-get install libgl1-mesa-dev

到以上这一步为止就可以运行 qt5.0 的工程了。

一、创建项目

1.新建QtGui应用，项目名称为“login”，类名和基类保持MainWindow和QMainWindow不变。

2.完成项目创建后，向项目中添加新的Qt设计师界面类，模板选择Dialogwithout Buttons，类名更改为LoginDialog。完成后向界面上添加两个标签Label、两个行编辑器LineEdit和两个按钮PushButton，设计界面如下图所示。

3.这里在属性编辑器中将用户名后面的行编辑器的objectName属性更改为usrLineEdit，密码后面的行编辑器为pwdLineEdit，登录按钮为loginBtn，退出按钮为exitBtn。如下图所示。

4.下面我们使用另外一种信号和槽的关联方法来设置退出按钮。在设计模式下面的信号和槽编辑器中，先点击左上角的绿色加号添加关联，然后选择发送者为exitBtn，信号为clicked()，接收者为LoginDialog，槽为close()。如下图所示。这样，当单击退出按钮时，就会关闭登录对话框。

5.右击登录按钮，在弹出的菜单中选择“转到槽…”，然后选择clicked()信号并确定。转到相应的槽以后，添加函数调用：

voidLoginDialog::on_loginBtn_clicked()

{

accept();

}

6.下面到main.cpp文件，更改内容如下：

#include<QtGui/QApplication>

#include"mainwindow.h"

#include"logindialog.h"

intmain(intargc,char*argv[])

{

QApplicationa(argc,argv);

MainWindoww;

LoginDialogdlg;

if(dlg.exec()==QDialog::Accepted)

{

w.show();

returna.exec();

}

elsereturn0;

}

7.这时运行程序，按下退出按钮会退出程序，按下登录按钮会关闭登录对话框，并显示主窗口。

二、登录设置

1.下面添加代码来实现使用用户名和密码登录，这里我们只是简单的将用户名和密码设置为了固定的字符串。到logindialog.cpp文件中将登录按钮的单击信号对应的槽的代码更改为：

voidLoginDialog::on_loginBtn_clicked()

{

//判断用户名和密码是否正确，

//如果错误则弹出警告对话框

if(ui->usrLineEdit->text()==tr("zjs")&&

ui->pwdLineEdit->text()==tr("123"))

{

accept();

}else{

QMessageBox::warning(this,tr("Waring"),

tr("usernameorpassworderror!"),

QMessageBox::Yes);

}

}

Qt中的QMessageBox类提供了多种常用的对话框类型，比如这里的警告对话框，还有提示对话框，问题对话框等。这里使用了静态函数来设置了一个警告对话框，这种方式很方便。其中的参数依次是：this表明父窗口是登录对话框；然后是窗口标题；然后是显示的内容；最后一个参数是显示的按钮，这里使用了一个Yes按钮。大家注意还要添加该类的头文件包含，即：#include<QMessageBox>。

2.下面运行程序，如果输入用户名为“yafeilinux”，密码为“123456”，那么可以登录，如果输入其他的字符，则会弹出警告对话框，如下图所示。

3.对于输入的密码，我们常见的是显示成小黑点的样式。下面点击logindialog.ui文件进入设计模式，然后选中界面上的密码行编辑器，在属性编辑器中将echoMode属性选择为Password。这时再次运行程序，可以看到密码显示已经改变了。如下图所示。

当然，除了在属性编辑器中进行更改，也可以在loginDialog类的构造函数中使用setEchoMode(QLineEdit::Password)函数来设置。

4.在行编辑器的属性栏中还可以设置占位符，就是没有输入信息前的一些提示语句。例如将密码行编辑器的placeholderText属性更改为“请输入密码”，将用户名行编辑器的更改为“请输入用户名”，运行效果如下图所示。

5.对于行编辑器，还有一个问题就是，比如我们输入用户名，在前面添加了一个空格，这样也可以保证输入是正确的，这个可以使用QString类的trimmed()函数来实现，它可以去除字符串前后的空白字符。下面将logindialog.cpp文件中登录按钮单击信号槽函数中的判断代码更改为：

if(ui->usrLineEdit->text().trimmed()==tr("yafeilinux")

&&ui->pwdLineEdit->text()==tr("123456"))

这时运行程序，已经实现相应的功能了。

6.最后，当登录失败后，我们希望可以清空用户名和密码信息，并将光标定位到用户名输入框中。这个可以通过在判断用户名和密码错误后添加相应的代码来实现：

voidLoginDialog::on_loginBtn_clicked()

{

//判断用户名和密码是否正确，如果错误则弹出警告对话框

if(ui->usrLineEdit->text().trimmed()==tr("yafeilinux")

&&ui->pwdLineEdit->text()==tr("123456"))

{

accept();

}else{

QMessageBox::warning(this,tr("Waring"),

tr("usernameorpassworderror!"),

QMessageBox::Yes);

//清空内容并定位光标

ui->usrLineEdit->clear();

ui->pwdLineEdit->clear();

ui->usrLineEdit->setFocus();

}

}

大家可以测试一下效果。