1.思维导图

2.在登录界面的登录取消按钮进行以下设置：

使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数

将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否为"admin"，密码是否为"123456",如果账号密码匹配成功，则输出“登录成功”，并关闭该界面，如果匹配失败，则输出“登录失败”，并将密码框中的内容清空

头文件：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QMovie>
#include <QDebug>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;

private slots:
    void my_slot();
    void login_slot();
};
#endif // WIDGET_H

源文件：

#include "widget.h"
#include "ui_widget.h"

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

    //实例化一个动图指针
    QMovie *mv = new QMovie(":/picture/sherry.gif");
    ui->logolab->setMovie(mv);
    mv->start();
    ui->logolab->setScaledContents(true);

    //设置图片
    ui->usenamelab->setPixmap(QPixmap(":/picture/4.jpg"));
    ui->usenamelab->setScaledContents(true);

    ui->passwordlab->setPixmap(QPixmap(":/picture/5.jpg"));
    ui->passwordlab->setScaledContents(true);

    //设置显示模式
    ui->passedit->setEchoMode(QLineEdit::Password);

    //手动连接信号和自定义的槽函数，基于qt4版本
    connect(ui->close,SIGNAL(clicked()),this,SLOT(my_slot()));
    //手动连接信号和自定义的槽函数，基于qt5版本
    connect(ui->download,&QPushButton::clicked,this,&Widget::login_slot);
}

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

void Widget::my_slot()
{
    this->close();
}

void Widget::login_slot()
{
    if(ui->useredit->text()=="admin" && ui->passedit->text()=="123456")
    {
        qDebug() << "登录成功";
        this->close();
    }
    else
    {
        qDebug() << "登录失败";
        ui->passedit->clear();
    }
}