Qt-登录界面到主界面的跳转

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

一、需求描述

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

二、目标样式

在这里插入图片描述

三、实现方案

  1. 原主界面基础上添加新的登录界面

在这里插入图片描述
2. 添加一个无button按钮的Dialog

在这里插入图片描述
按照提示一步步生成一个新的界面设计类,在原来的项目中,生成三个文件分别在Headers文件夹下的xxdialog.h、Sources文件夹下的xxdialog.cpp、Forms文件夹下的xxdialog.ui文件。

首先是对于xxdialog.ui界面的设计。在界面中添加两个label(分别是用户名和密码);两个单行编辑框QLineEdit(用于输入用户名和密码),密码的编辑框的echoMode格式设置为Password属性如下图所示;两个pushButton(分别用于确认页面跳转和取消功能的实现)。

  1. 界面中添加相关控件
    在这里插入图片描述

  2. 设置密码编辑框的属性
    在这里插入图片描述

    登录功能的按钮实现,主界面的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文件

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值