【Qt登录界面】

Qt登录界面


前言

第一次在这上面写文章,没啥经验,如果有啥不当的地方,请各位大佬批评指正。我刚学Qt不久,结合了网上的一些教程,做了一个登录界面,主要是为了记录一下自己练习的过程。
该程序主要包含一个登录界面和一个注册界面以及一张用户表。只有用户表中的用户才能够在登录界面登录成功;若用户不存在,则可以先通过注册界面进行注册后再进行登录。

一、创建项目

打开Qt Creator 新建一个项目取名为testLogin,项目建好之后如下图所示:

在这里插入图片描述

二、创建数据库及用户表

要在Qt中使用数据库模块时,需要先在testLogin.pro文件中加入如下语句:

QT += sql

然后在widget.h文件中加入如下头文件:

#include<QSqlDatabase>
#include<QSqlQuery>
#include<QSqlError>
#include<QMessageBox>

并且声明两个函数:

private:
    void createDB();//连接数据库
    void createTable();//创建用户表

在widget.cpp中定义好上面两个函数:

void Widget::createDB()
{
    db=QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("D:\\Users\\Desktop\\testLogin.db");//我这里连接的是用navicat创建在桌面上的数据库testLogin.db
    if(db.open()==false)
    {
        QMessageBox::warning(this,"DataError",
                             db.lastError().text());
    }
}

void Widget::createTable()
{
    QString strTable=QString("create table Users(username varchar(25),password varchar(25))");//创建的一张包含username,password的用户表
    QSqlQuery query;
    query.exec(strTable);
}

最后再在widget.cpp的构造函数中调用这两个函数:

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

运行程序,此时可以用navicat查看到创建好的用户表如下所示:
在这里插入图片描述

三、登录界面设计

登录界面如下图所示:
在这里插入图片描述在这里插入图片描述
界面上的控件数字分别对应右侧所示的对象名

对于用户名和密码那两个控件,可以将各自的placeholderText属性设置成提示的内容

界面布局设置好之后,选择登录按钮,右键选择Go to Slot…,在弹出的界面单机clicked(),在跳转的界面里添加如下代码即可实现登录功能:

void Widget::on_loginBtn_Login_clicked()
{
    QString strUserName=ui->userNameEdit_Login->text();
    QString strPassWord=ui->passWordEdit_Login->text();
    if(strUserName=="")
        QMessageBox::warning(this,"提示","用户名不能为空");
    else if(strPassWord=="")
        QMessageBox::warning(this,"提示","密码不能为空");
    else
    {
        QString strSelect=QString("select * from Users where username='%1'and password='%2'").
                arg(strUserName).arg(strPassWord);
        QSqlQuery query;
        query.exec(strSelect);
        int row=queryRowCount(query);
        if(row==1)
        {
            QMessageBox::information(this,"提示","登录成功");
        }
        else
            QMessageBox::warning(this,"错误","用户名或密码错误");
    }
}

上面那个queryRowCount()函数我是参考Qt如何连接数据库(以sqlite为例实现登录和注册界面)这位大佬的,同时本次练习也是主要参考这位大佬的教程写的。如果有侵犯到大佬的版权,请联系我删贴。该函数的定义如下:

int Widget::queryRowCount(QSqlQuery query)
{
    int initialPos=query.at();
    int pos=0;
    if(query.last())
    {
        pos=query.at()+1;
    }
    else
        pos=0;
    query.seek(initialPos);
    return pos;
}

四、注册界面设计

在登录界面中有一个注册按钮,其功能是点击该按钮,即可跳转到注册界面中,为此,需要新建一个Qt Designer Form Class,步骤为:选择testLogin文件,然后右键选择add new…就会弹出如下对话框:
在这里插入图片描述
这里我取的名字是testregister,然后创建完成之后,双击下图所示文件:
在这里插入图片描述
在弹出的界面中设计出注册界面如下:
在这里插入图片描述在这里插入图片描述选中注册按钮,右键选择clicked()槽函数,然后在跳转的界面中输入如下代码即可完成注册按钮:

void testRegister::on_registetBtn_Register_clicked()
{
    QString strUserName=ui->userName_Register->text();
    QString strPassWord=ui->passWord_Register->text();
    if(strUserName==""||strPassWord=="")
        QMessageBox::warning(this,"提示","用户名或者密码不能为空");
    else
    {
        QString strInsert=QString("insert into Users values('%1','%2')").arg(strUserName).arg(strPassWord);
        QSqlQuery query;
        if(query.exec(strInsert))
            QMessageBox::information(this,"提示","注册成功");
        else
            QMessageBox::warning(this,"提示","注册失败");

        Widget *log=new Widget();
        this->close();//注册完毕后关闭当前注册界面
        log->show();//在关闭注册界面后显示登录界面

    }

}

在注册完毕,要显示登录界面需要现在register.h中加入下面语句:

#include"widget.h"

然后再用同样的方法,为注册界面中的返回按钮编写槽函数,代码如下:

void testRegister::on_returnBtn_clicked()
{
    Widget *reg_r=new Widget();
    reg_r->show();//显示登录界面
    this->close();//关闭当前注册界面
}

此外,在前面的登录界面中还有一个注册按钮,该按钮的功能就是需要调出注册界面;首先在widget.h中加入下面包含语句:

#include"testregister.h"

然后再给登录界面中的注册按钮添加一个clicked()函数,即可完成整个程序,该按钮clicked()函数代码如下:

void Widget::on_registerBtn_Login_clicked()
{
    testRegister *reg=new testRegister();
    reg->show();       //显示注册界面
    this->close();    //关闭当前登录界面

}

五、效果图

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
注册成功后用户表中数据:
在这里插入图片描述

用注册后的用户名登录,显示登录成功:
在这里插入图片描述
在这里插入图片描述

六、参考教程

Qt如何连接数据库(以sqlite为例实现登录和注册界面)
QT通过点击按钮弹出新的窗口(新建弹出式窗口)

  • 22
    点赞
  • 224
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值