一、需求描述
在多元管理的模式下,在原有设计的主界面之上,添加登录界面,实现登录界面到主界面的跳转功能。现如今的检测功能只根据账户名和密码匹配。
二、目标样式

三、实现方案
- 原主界面基础上添加新的登录界面

2. 添加一个无button按钮的Dialog

按照提示一步步生成一个新的界面设计类,在原来的项目中,生成三个文件分别在Headers文件夹下的xxdialog.h、Sources文件夹下的xxdialog.cpp、Forms文件夹下的xxdialog.ui文件。
首先是对于xxdialog.ui界面的设计。在界面中添加两个label(分别是用户名和密码);两个单行编辑框QLineEdit(用于输入用户名和密码),密码的编辑框的echoMode格式设置为Password属性如下图所示;两个pushButton(分别用于确认页面跳转和取消功能的实现)。
-
界面中添加相关控件

-
设置密码编辑框的属性

登录功能的按钮实现,主界面的show()相关的函数注释掉,通过点击按钮响应函数来设置主界面显示信号并隐藏登录界面,进而通过响应信号显示主界面。代码的具体过程如下。
四、代码实现
xxdialog.h文件
#ifndef LOGINDIALOG_H
#define LOGINDIALOG_H
namespace Ui {
class LogInDialog;
}
class LogInDialog : public QDialog
{
Q_OBJECT
public:
explicit LogInDialog(QWidget *parent = nullptr);
~LogInDialog();
void keyPressEvent(QKeyEvent \*event); //设置回车响应函数
signals:
void showmain();
private slots:
void on_pB_OK_clicked();
void on_pB_Exit_clicked();
private:
Ui::LogInDialog *ui;
};
#endif // LOGINDIALOG_H
xxdialog.cpp文件

本文详细介绍了如何在原有主界面基础上添加登录界面,实现登录功能与界面跳转。包括界面设计、代码实现及登录验证流程。

1万+

被折叠的 条评论
为什么被折叠?



