QT C++实战：实现用户登录页面及多个界面跳转

主要思路

  • 一个登录界面，以管理员Or普通用户登录
  • 管理员：一个管理员的操作界面，可以把数据录入到数据库中。有返回登陆按钮，可以选择重新登陆（管理员Or普通用户
  • 普通用户：一个主界面，负责展示视频和检测。有返回登陆按钮，可以选择重新登陆（管理员Or普通用户

参考教程：P1 登入Qt界面布局，多个界面切换

一、UI设计

我们一共要设计3个界面

  • 主界面（与项目同名）：主要的功能实现界面：视频观看、算法检测可视化
  • 登录界面
  • 管理员信息管理界面

1.0：vs2019中添加QT界面：

一般用vs2019开发，创建Qt Widgets Application之后，会自带一个和项目名同名的主窗口类。这个时候需要手动创建另外一个，即新窗口类。创建方法可以参考这篇博客：Qt5.12.6 + VS2019 点击按钮弹出新窗口

在这里插入图片描述
在这里插入图片描述

1.1：主界面：

由于我的项目名是：new_QT_python,我的主界面为：

  • new_QT_python.ui
  • new_QT_python.h
  • new_QT_python.cpp

在这里插入图片描述

这里UI以及主要功能已经完成，这里不再详细讲解。重点讲解用户登录功能的实现以及界面跳转

1.2：登录界面

添加Login登录界面后，双击Login.ui进入QtCreator进行UI设计：
在这里插入图片描述

注意，在main.cpp中记得修改展示界面。使得程序一开始运行，首先展示的是登录界面。

#include "Login.h"
#include <QtWidgets/QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);//登录界面的显示Login w;w.show();return a.exec();
}

1.3：管理员管理界面

还是按照上面相同的方式创造界面就行，这里界面设计和逻辑功能暂时忽略。
在这里插入图片描述

二、实现页面跳转（各个槽函数

2.1:登陆界面的槽函数

修改控件名称，编写对应的槽函数：
在这里插入图片描述

tips:用Vs2019创建的QT项目此时可能会报错：
解决方法：手动添加槽函数，会麻烦些，但也不要紧
在这里插入图片描述

首先先确定主要3个槽函数（暂时不做实现）

login.h

#pragma once#include <QMainWindow>
#include "ui_Login.h"class Login : public QMainWindow
{Q_OBJECTpublic:Login(QWidget *parent = nullptr);~Login();private:Ui::LoginClass ui;private slots:void on_inlog_clicked();void on_quit_clicked();void on_checkBox_clicked(bool checked);
}
;

login.cpp

#include "Login.h"Login::Login(QWidget *parent): QMainWindow(parent)
{ui.setupUi(this);this->setWindowTitle("用户登录");//登录按钮connect(ui.inlog, &QPushButton::clicked, this, &Login::on_inlog_clicked);//退出按钮connect(ui.quit, &QPushButton::clicked, this, &Login::on_quit_clicked);//显示密码按钮connect(ui.checkBox, &QPushButton::clicked, this, &Login::on_checkBox_clicked);
}Login::~Login()
{
}
//登录按钮对应槽函数：登陆成功跳转到主功能界面or管理员界面
void Login::on_inlog_clicked() {}
//退出按钮对应槽函数：关闭当前窗口，退出程序
void Login::on_quit_clicked() {}
//显示密码按钮，1表示选中，0表示密文显示
void Login::on_checkBox_clicked(bool checked) {}

Tips:通过ui.name和ui.pswd可以对其进行各种操作

下面实现槽函数和以及用户名以及密码的输入及限制功能：

#include "Login.h"
#include "new_QT_python.h"//登录按钮对应槽函数：登陆成功跳转到主功能界面or管理员界面
void Login::on_inlog_clicked() {//创建功能主界面并显示new_QT_python* w = new new_QT_python();w->show();//隐藏this->hide();
}//退出按钮对应槽函数：关闭当前窗口，退出程序
void Login::on_quit_clicked() {//关闭当前界面this->close();
}
//显示密码按钮，1表示选中，0表示密文显示/*显示，不回显，密文：enum EchoMode { Normal, NoEcho, Password, PasswordEchoOnEdit };*/
void Login::on_checkBox_clicked(bool checked) {if (checked) {//显示密码ui.pswd->setEchoMode(QLineEdit::Normal);}else {//密文显示ui.pswd->setEchoMode(QLineEdit::Password);}
}

三、实现登录的逻辑功能

主要逻辑功能：输入管理员账户和密码：跳转到管理员操作界面（按返回则返回到登录界面）；输入普通用户的账号和密码：跳转到普通用户的主功能操作界面（按返回则返回到登录界面）

🪧思路：
主要是在void Login::on_inlog_clicked() 槽函数中进行逻辑控制：

  • 判断账号与密码是否和管理员的相同，若相同，则进入管理员管理施工信息的页面
  • 判断账号和密码是否和普通用户的相同，若相同，则进入普通用户的主要功能的管理页面
  • 否则，不能登录，返回。
Login::Login(QWidget *parent): QMainWindow(parent)
{ui.setupUi(this);this->setWindowTitle("用户登录");//登录按钮connect(ui.inlog, &QPushButton::clicked, this, &Login::on_inlog_clicked);//退出按钮connect(ui.quit, &QPushButton::clicked, this, &Login::on_quit_clicked);//显示密码按钮connect(ui.checkBox, &QPushButton::clicked, this, &Login::on_checkBox_clicked);//一开始时，需要对密码进行密文显示//密文显示ui.pswd->setEchoMode(QLineEdit::Password);ui.pswd->setMaxLength(6);//限制密码最大为6个字符
}

基本登录功能以及页面之间的跳转逻辑已经写好了。下面主要任务是学习QT如何连接数据库，一方面是项目需要将施工信息录入到数据库中；另一方面，上面代码中管理员和普通用户的账号和密码信息都是写死的，也就是硬编码，但是按理来说最好还是将用户信息存储在数据库当中。还有一个问题是，将数据库和QT进行连接后，对后面项目的打包是否有影响，是否要提前在对方主机上安装mysql等数据库呢？还是边学边看看吧。🤔

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/707561.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

vue组件中data为什么必须是一个函数

vue组件中data为什么必须是一个函数

查看本专栏目录 关于作者 还是大剑师兰特&#xff1a;曾是美国某知名大学计算机专业研究生&#xff0c;现为航空航海领域高级前端工程师&#xff1b;CSDN知名博主&#xff0c;GIS领域优质创作者&#xff0c;深耕openlayers、leaflet、mapbox、cesium&#xff0c;canvas&#x…
阅读更多...
Spring与SpringBoot入门

Spring与SpringBoot入门

Spring入门 要使用Spring最起码需要引入两个依赖: <!-- Spring Core&#xff08;核心&#xff09; --><dependency><groupId>org.springframework</groupId><artifactId>spring-core</artifactId><version>5.3.20</version>…
阅读更多...
密码学系列（四）——对称密码2

密码学系列（四）——对称密码2

一、RC4 RC4&#xff08;Rivest Cipher 4&#xff09;是一种对称流密码算法&#xff0c;由Ron Rivest于1987年设计。它以其简单性和高速性而闻名&#xff0c;并广泛应用于网络通信和安全协议中。下面是对RC4的详细介绍&#xff1a; 密钥长度&#xff1a; RC4的密钥长度可变&am…
阅读更多...
GPT 的基础 - T（Transformer）

GPT 的基础 - T（Transformer）

我们知道GPT的含义是&#xff1a; Generative - 生成下一个词 Pre-trained - 文本预训练 Transformer - 基于Transformer架构 我们看到Transformer模型是GPT的基础&#xff0c;这篇博客梳理了一下Transformer的知识点。 BERT: 用于语言理解。&#xff08;Transformer的Encoder…
阅读更多...
九州金榜｜父亲在教育中的作用及重要性

九州金榜｜父亲在教育中的作用及重要性

随着社会进步&#xff0c;对比以前教育&#xff0c;现在父亲在教育中的作用越来越明显&#xff0c;孩子的教育离不开父亲&#xff0c;父亲在孩子教育中有什么作用&#xff1f;重要性又是什么呢&#xff1f;下面九州金榜家庭教育就带大家一起分析一下作为父亲&#xff0c;在孩子…
阅读更多...
VUE3搭载到服务器

VUE3搭载到服务器

1.搭建服务器 使用 Windows 自带的 IIS 作为服务器。 步骤如下&#xff1a;https://blog.csdn.net/qq_62464995/article/details/130140673 同时&#xff0c;上面的步骤中&#xff0c;还使用了 cpolar 将 IIS 本地网址映射到公共网址。 注&#xff1a; cpolar客户端&#xf…
阅读更多...
Ant for Blazor做单个表的增删查改

Ant for Blazor做单个表的增删查改

Ant for Blazor做单个表的增删查改 2024年02月27日花了一天时间弄出来了&#xff0c;基本弄好了&#xff0c;vs2022blazor servernet8,引用的AntDesign版本是0.17.4 代码里的model和repository是用自己牛腩代码生成器生成的东西&#xff0c;sqlsugar的&#xff0c;记得在prog…
阅读更多...
括号生成（力扣题目22）

括号生成（力扣题目22）

题目描述&#xff1a; 数字 n 代表生成括号的对数&#xff0c;请你设计一个函数&#xff0c;用于能够生成所有可能的并且 有效的 括号组合。 示例 1&#xff1a; 输入&#xff1a;n 3 输出&#xff1a;["((()))","(()())","(())()&q…
阅读更多...
Modern C++ std::any的实现原理

Modern C++ std::any的实现原理

1. 前言 std::any 是 C17 中引入的一个新特性&#xff0c;它是一个类型安全的容器&#xff0c;可以在其中存储任何类型(但此类型必须可拷贝构造)的值&#xff0c;包括基本类型、自定义类型、指针等。相比于void* 指针&#xff0c;std::any 更为类型安全&#xff0c;可以避免由…
阅读更多...
NC65 rest接口 开发 NC65接口开发

NC65 rest接口 开发 NC65接口开发

一、在对应模块META-INF下编写 xxx.rest 文件,也要放在Home里对应的目录下。 二、开发接口&#xff0c;继承extends AbstractUAPRestResource&#xff0c;&#xff08;有的项目会继承别的方法如&#xff1a;AbstractNCCRestResource&#xff0c;MTFRestResource&#xff1b;有…
阅读更多...
使用 kubeadm 部署k8s集群

使用 kubeadm 部署k8s集群

一、所有节点系统初始化 1、常规初始化 2、内核版本升级以及内核限制文件参数修改 还可以考虑将旧版本的内核卸载 二、准备nginx负载均衡器和keepalived nginx四层代理&#xff1a; keepalived配置&#xff1a; nginx检测脚本&#xff1a; 三、所有节点部署docker&#xff0c…
阅读更多...
SQL函数学习记录

SQL函数学习记录

聚合函数 函数是编程语言的基础之一&#xff0c;在对数字的运算中&#xff0c;我们用的最多的就是聚合函数&#xff0c;本篇接下来就详细阐述下SQL中聚合函数的运用。 什么是聚合函数&#xff08;aggregate function&#xff09;&#xff1f; 聚合函数指的是对一组值执行计算…
阅读更多...
2023秋季飞书未来无限大会--随笔

2023秋季飞书未来无限大会--随笔

这个时代的飞书 数字时代 工作协同平台 AI时代 帮助企业和个人用好AI 企业如何引用大模型能力&#xff1f; 智慧体— 接近人&#xff0c;有进步空间智能伙伴 用时代的科技打造爱不释手的好产品 移动互联网 – 改变信息分发方式 大模型 –自然的人机交互方式 业务协同 …
阅读更多...
如何使用便签快速分类工作待办事项

如何使用便签快速分类工作待办事项

在日常工作和生活中&#xff0c;我们经常需要处理各种各样的待办事项。而有效地分类这些任务&#xff0c;可以帮助我们更好地管理时间和提高工作效率。使用便签是一种简单而实用的方法&#xff0c;下面将介绍如何利用好用便签来快速分类工作待办事项。 首先&#xff0c;你可以…
阅读更多...
【数据结构和算法初阶(C语言)】链表-单链表（手撕详讲单链表增删查改）

【数据结构和算法初阶(C语言)】链表-单链表（手撕详讲单链表增删查改）

目录 1.前言&#xff1a;顺序表回顾&#xff1a; 1.1顺序表的优缺点 2.主角----链表 2.1链表的概念 2.2定义一个单链表的具体实现代码方式 3.单链表对数据的管理----增删查改 3.1单链表的创建 3.2单链表的遍历实现 3.2.1利用遍历实现一个打印我们链表内容的函数的函数…
阅读更多...
【前端素材】推荐优质后台管理系统Salreo平台模板（附源码）

【前端素材】推荐优质后台管理系统Salreo平台模板（附源码）

一、需求分析 当我们从多个层次来详细分析后台管理系统时&#xff0c;可以将其功能和定义进一步细分&#xff0c;以便更好地理解其在不同方面的作用和实际运作。 1. 结构层次 在结构层次上&#xff0c;后台管理系统可以分为以下几个部分&#xff1a; a. 辅助功能模块&#…
阅读更多...
Mycat核心教程--ZooKeeper集群搭建【三】

Mycat核心教程--ZooKeeper集群搭建【三】

Mycat核心教程--ZooKeeper集群搭建 八、 ZooKeeper集群搭建8.1.ZooKeeper简介8.2.数据复制的好处8.3.Zookeeper设计目的8.4.zookeeper集群包括3种角色8.4.1.Leader角色8.4.2.Follower 角色8.4.3.Observer 角色 8.5.zookeeper集群工作流程8.6.zookeeper集群节点数量为奇数&#…
阅读更多...
JS进阶——深入对象

JS进阶——深入对象

版权声明 本文章来源于B站上的某马课程&#xff0c;由本人整理&#xff0c;仅供学习交流使用。如涉及侵权问题&#xff0c;请立即与本人联系&#xff0c;本人将积极配合删除相关内容。感谢理解和支持&#xff0c;本人致力于维护原创作品的权益&#xff0c;共同营造一个尊重知识…
阅读更多...
liunx操作系统 进程的基本概念

liunx操作系统 进程的基本概念

进程的基本概念 计算机结构体系冯诺依曼 操作系统的管理进程进程的特性标识符系统的调用 创建新的进程 进程的状态进程队列进程的状态在liunx查看进程状态、 计算机结构体系 冯诺依曼 在没有存储器之前&#xff0c;所有的信息都是直接进入CPU&#xff0c;这样效率很差&#xf…
阅读更多...
智慧公厕：打造智慧城市环境卫生新标杆

智慧公厕：打造智慧城市环境卫生新标杆

随着科技的不断发展和城市化进程的加速推进&#xff0c;智慧城市建设已经成为各地政府和企业关注的焦点。而作为智慧城市环境卫生管理的基础设施&#xff0c;智慧公厕的建设和发展也备受重视&#xff0c;被誉为智慧城市的新标杆。本文以智慧公厕源头厂家广州中期科技有限公司&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023