当前位置： 首页 > news >正文

【qt】QQ仿真项目1

news 2025/9/17 11:55:00

一览全局:在这里插入图片描述

QQ仿真项目

  • 一.创建项目添加资源文件
  • 二.创建数据库
  • 三.自定义标题栏Qt类
  • 四.加载样式表标题栏按钮的搭配
  • 五.标题栏实现移动窗体
  • 六.标题栏按钮连接信号槽
  • 七.标题栏双击最大化和还原
  • 八.基类窗口实现标题栏按钮信号
  • 九.重写基类窗口绘图事件确保设置样式表生效
  • 十.用户登录界面设计
  • 十一.实现基类窗口的移动
  • 十二.配置颜色信息文件
  • 十三.登录窗口添加样式表
  • 十四.获取圆头像
  • 十五.记住密码功能
  • 十六.Qt连接MySQL
  • 十七.数据库验证账号密码

一.创建项目添加资源文件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以修改为自己想要的名字.
在这里插入图片描述

在这里插入图片描述
报错没关系,打开属性设置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
能运行说明环境就打架好了.
在这里插入图片描述
现在开始添加资源文件
在这里插入图片描述
在这里插入图片描述

记得按crtl+s保存.
在这里插入图片描述

二.创建数据库

打开电脑的服务,启动MySQL
在这里插入图片描述
在命令提示符中打开MySQL.

在这里插入图片描述
在Navicat里面连接MySQL
在这里插入图片描述
点击测试连接,若成功点击确定.
在这里插入图片描述

新建一个数据库.

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

新建一个员工账户表.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
插入员工账户值.
在这里插入图片描述

新建一个公司部门表.

在这里插入图片描述
在这里插入图片描述
插入公司部门值.
在这里插入图片描述
新建一个员工信息表.

在这里插入图片描述
插入员工信息.
在这里插入图片描述

三.自定义标题栏Qt类

新建一个窗口基础类,窗口的共有属性写在这个里面.
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
登录窗口继承我们新建的类.
在这里插入图片描述
构造函数要构造其父类.
在这里插入图片描述
再新建一个标题栏类.Qt Widgets Class是有ui文件的,Qt Class没有.
在这里插入图片描述

在这里插入图片描述
设计TitleBar的ui文件.
在这里插入图片描述
我打不开文件,我靠( ‵o′)了
在这里插入图片描述
找到解决方案了.
在这里插入图片描述
在这里插入图片描述
找到Qt下的编译器下的designer.exe文件添加.
在这里插入图片描述
在这里插入图片描述
问题就解决了.
在这里插入图片描述
设置了2个label,4个pushButton.

在这里插入图片描述
添加公共接口,使其他窗口可以设置标题栏属性.
在这里插入图片描述
在这里插入图片描述

四.加载样式表标题栏按钮的搭配

添加一个样式表设置类.
在这里插入图片描述
在这里插入图片描述
定义为静态函数,方便类名直接调用.
在这里插入图片描述
在这里插入图片描述
定义宏函数,方便获取资源文件里的样式表文件路径.

在这里插入图片描述
在其他类调用静态样式表加载成员函数.
在这里插入图片描述
设置标题栏按钮显示.
在这里插入图片描述
在这里插入图片描述
设置默认显示一种按钮搭配,多一个枚举参数类型.
在这里插入图片描述
在这里插入图片描述

现在可以演示一下标题栏:
在这里插入图片描述

在这里插入图片描述

五.标题栏实现移动窗体

重写父类的鼠标事件函数.

void mousePressEvent(QMouseEvent*event)override;
void mouseMoveEvent(QMouseEvent*event)override;
void mouseReleaseEvent(QMouseEvent*event)override;

在这里插入图片描述

在这里插入图片描述
鼠标事件函数的实现
在这里插入图片描述
将标题栏添加到基础窗口中.

在这里插入图片描述
基类窗口设置为无边框的setWindowFlag(Qt::FramelessWindowHint);
在这里插入图片描述

登录窗口中调用从基类窗口继承的标题栏.

在这里插入图片描述

在这里插入图片描述
演示:
在这里插入图片描述
标题栏被移动到了基类窗口的左上角这个位置.因为无边框窗口,所以只有点击标题栏里面只能移动.
在这里插入图片描述

现在可以看到,标题栏的宽度和基类窗口的宽度不一样.
可以用重写绘图事件函数.
在这里插入图片描述
在这里插入图片描述
效果:
在这里插入图片描述

六.标题栏按钮连接信号槽

按钮点击的信号和槽,信号槽的连接都初始化在initConnect()里面.
在这里插入图片描述
记得要在init()里面调用.
在这里插入图片描述
可以信号连接信号,因为是外部调用,并不是标题栏调用.
最大化和还原按钮是变化的,所以设置的槽函数,但是还是要在槽函数中发出信号.
setVisible(false)是会隐藏组件的,如果在布局中,位置会被占!
在这里插入图片描述
效果:
在这里插入图片描述

七.标题栏双击最大化和还原

设置数据成员来保存还原窗体的位置和大小.
在这里插入图片描述
对其进行设置和获取.
在这里插入图片描述

在这里插入图片描述
重写鼠标双击事件,实现最大化和还原.
在这里插入图片描述
在这里插入图片描述

八.基类窗口实现标题栏按钮信号

添加槽函数,用于相应标题栏的信号.
在这里插入图片描述
先连接信号槽.
在这里插入图片描述
当最小化的时候,要判断窗口的类型,工具窗口是隐藏.
在这里插入图片描述

在这里插入图片描述
演示:
这是最大化时的截图,现在按钮就都可以实现对于操作了.
在这里插入图片描述
再设置一些共有槽函数,在继承中,最好析构函数加上virtual,删除父类时防止子类不析构.
在这里插入图片描述
在这里插入图片描述

九.重写基类窗口绘图事件确保设置样式表生效

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

十.用户登录界面设计

添加组件的名字要与css文件里面一样哦.
添加动态属性,用来确定是否添加样式表.
在这里插入图片描述
运行效果:
在这里插入图片描述

十一.实现基类窗口的移动

在这里插入图片描述
在这里插入图片描述
判断是否为最大化,最大化不允许移动.

在这里插入图片描述
虽然现在窗口可以移动了,但是移动标题栏会出现问题,因为两个鼠标事件都触发了.
不用调用父类的鼠标事件,加上event->accept()就可以了.

在这里插入图片描述

十二.配置颜色信息文件

添加一个配置文件类.
在这里插入图片描述
在这里插入图片描述
保存配置文件和获取配置文件.

在这里插入图片描述
在基类窗口中添加一个保存颜色的数据成员.

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

十三.登录窗口添加样式表

在这里插入图片描述
在这里插入图片描述
这是是根据动态属性值来是否设置背景颜色.
在这里插入图片描述
在这里插入图片描述
效果:
在这里插入图片描述
在这里插入图片描述

十四.获取圆头像

在这里插入图片描述
这里用了图片的叠加,用一个圆底QPixmap mask来进行叠加.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行效果:
在这里插入图片描述

十五.记住密码功能

也是用的配置文件来保存和获取文件.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

十六.Qt连接MySQL

创建一个Qt数据库类.
在这里插入图片描述
添加数据库模块.
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
数据库连接用单例设计模式.
在这里插入图片描述
在这里插入图片描述
连接数据库前可以先看看自己有的数据库驱动.

qDebug() << QSqlDatabase::drivers();

打开属性链接器系统里面的控制台,可以看到调试打印信息.

在这里插入图片描述
然后连接数据库.
在这里插入图片描述

在登录窗口调用一下.
在这里插入图片描述
运行结果:
在这里插入图片描述

十七.数据库验证账号密码

在这里插入图片描述
QSqlQuery类来查询语句.
在这里插入图片描述
可以用navicat里面的查询来确定代码里面的sql语句是否是正确的.
在这里插入图片描述
在登录按钮的槽函数调用.

在这里插入图片描述

现在的运行效果:
在这里插入图片描述

OK,到这里登录界面就差不多OK了,未完待续…

相关文章：

【qt】QQ仿真项目1

一览全局: QQ仿真项目 一.创建项目添加资源文件二.创建数据库三.自定义标题栏Qt类四.加载样式表标题栏按钮的搭配五.标题栏实现移动窗体六.标题栏按钮连接信号槽七.标题栏双击最大化和还原八.基类窗口实现标题栏按钮信号九.重写基类窗口绘图事件确保设置样式表生效十.用户登录界…...

编程日记 2024/9/28 20:51:52

Vue3：shallowRef与shallowReactive

目录 一.shallowRef 和 shallowReactive 1.shallowRef 2.shallowReactive 二.ref 和 reactive 1. ref 2. reactive 三.各自使用场景 1.shallowRef 2.shallowReactive 3.ref 4.reactive 四.shallowRef 使用 五.shallowReactive使用 六.效果 一.shallowRef 和 shal…...

编程日记 2024/9/28 20:50:51

django开发流程3（轮播图）

1.在models中创建一个模板 class Ads(models.Model):title models.CharField(verbose_name"标题", max_length30)image models.ImageField(verbose_name"广告图", upload_to"ads")url models.URLField(verbose_name"链接网址", de…...

编程日记 2024/9/28 20:48:49

MySQL的增删查改（基础）一

一.增 方式1&#xff08;简写插入&#xff09;&#xff1a; 语法&#xff1a;insert into 表名 values&#xff08;值&#xff0c;值&#xff0c;值……&#xff09;; 这里insert into 代表要插入一条新数据行&#xff0c;values后面就是该行的值&#xff0c;其中后面的值的…...

编程日记 2024/9/28 20:47:47

深度学习（入门）03：监督学习

1、监督学习简介 监督学习&#xff08;Supervised Learning&#xff09;是一种重要的机器学习方法&#xff0c;它的目标是通过“已知输入特征”来预测对应的标签。在监督学习中&#xff0c;每一个“特征-标签”对被称为样本&#xff08;example&#xff09;&#xff0c;这些样…...

编程日记 2024/9/28 20:46:46

Django——admin创建和使用

1. Django Admin简介 Django Admin是Django框架自带的一个管理后台工具&#xff0c;它允许开发者通过一个直观的Web界面轻松地管理应用中的数据模型。Admin提供了模型的CRUD&#xff08;Create,Read, Update, Delete&#xff09;操作&#xff0c;以及数据的批量处理和搜索功能…...

编程日记 2024/9/28 20:45:45

鸿蒙开发（NEXT/API 12）【硬件（取消注册智慧出行连接状态的监听）】车载系统

取消注册智慧出行连接状态的监听。 接口说明 接口名描述[off] (type: ‘smartMobilityStatus’, smartMobilityTypes: SmartMobilityType[], callback?: Callback): void取消注册智慧出行连接状态的监听。 开发步骤** 导入Car Kit模块。 import { smartMobilityCommon } fr…...

编程日记 2024/9/28 20:43:43

JVM中的GC流程与对象晋升机制详解

一、垃圾回收的概念 1.1 什么是垃圾回收&#xff1f; 垃圾回收是自动回收不再使用的对象&#xff0c;从而释放内存的一种机制。通过GC&#xff0c;JVM能够动态地管理内存的分配与回收&#xff0c;避免内存泄漏和溢出。 1.2 GC的重要性 内存管理&#xff1a;GC自动处理对象的…...

编程日记 2024/9/28 20:42:42

SQL：如果字段需要排除某个值但又有空值时，不能直接用“＜＞”或not in

在 SQL 中&#xff0c;如果字段需要排除某个值但又有空值存在时&#xff0c;不能直接使用“<>”&#xff08;不等于&#xff09;或 NOT IN&#xff0c;是因为这些操作会把空值也考虑进去&#xff0c;但通常情况下可能并不希望空值被这样处理。 以下是一些解决方法&#…...

编程日记 2024/9/28 20:40:40

运放模块的选型参数

增益带宽积-----尤其重要&#xff1a; GWB 增益*带宽 压摆率&#xff1a; 高带宽的运放一般都是电流型运放&#xff1a; 注意压摆率计算公式里面的Vopp参数是放大后的电压最大值&#xff1a; 参数&#xff0c;布局一定参考数据手册&#xff01;&#xff01;&#xff01;&…...

编程日记 2024/9/28 20:38:38

win10文件共享设置 - 开启局域网文件共享 - “您没有权限访问，请与网络管理员联系请求访问权限”解决方案

实现步骤&#xff1a; 1、在“网络和共享中心”关闭“密码保护的共享” 2、在“启用和关闭windows功能”中开启SMB文件共享支持。 3、在磁盘安全选项中添加“everyone”用户&#xff08;重点&#xff01;&#xff09; 详细操作&#xff1a; https://blog.csdn.net/Skyirm/a…...

编程日记 2024/9/28 20:36:36

Go基础编程 - 16 - 方法

方法 概述1. 方法定义2. 值方法、指针方法3. 方法集合 匿名字段表达式自定义 error 上一篇&#xff1a;延迟调用&#xff08;defer&#xff09; 概述 1. 方法定义 func (receiver T) 方法名(参数列表) (返回值列表)&#xff5b;&#xff5d;receiver&#xff1a;接收者参数名T…...

编程日记 2024/9/28 20:34:34

接口报错500InvalidPropertyException: Invalid property ‘xxx[256]‘，@InitBinder的使用

org.springframework.beans.InvalidPropertyException: Invalid property ‘xxx[256]’ of bean class [com.xxl.MailHead]: Invalid list index in property path ‘xxx[256]’; nested exception is java.lang.IndexOutOfBoundsException: Index: 256, Size: 256 从报错可以…...

编程日记 2024/9/28 20:33:33

Web 3.0 介绍

Web 3.0 是互联网的下一代发展阶段&#xff0c;通常被称为去中心化的网络。它与目前的 Web 2.0&#xff08;以社交媒体、云计算和中心化平台为主导&#xff09;不同&#xff0c;强调用户对数据和内容的更多掌控&#xff0c;依靠区块链、加密货币、去中心化应用&#xff08;DApp…...

编程日记 2024/9/28 20:32:32

一起搭WPF界面之界面切换绑定

一起搭WPF界面之界面切换绑定 前言界面填充总结 前言 在主界面中定义Grid网格&#xff0c;界面网格化后&#xff0c;可以模块化搭建界面进行填充。 界面填充 总结 提示&#xff1a;这里对文章进行总结&#xff1a; 例如&#xff1a;以上就是今天要讲的内容&#xff0c;本文仅…...

编程日记 2024/9/28 20:30:30

css 数字比汉字要靠上

这个问题通常是由于数字字体的下排的问题造成的&#xff0c;也就是数字的底部边缘位置比汉字的顶部边缘位置更靠下。为了解决这个问题&#xff0c;可以尝试以下几种方法&#xff1a; 使用CSS的vertical-align属性来调整对齐方式。例如&#xff0c;可以将数字的对齐方式设置为to…...

编程日记 2024/9/28 20:29:29

sentinel原理源码分析系列(三)-启动和初始化

本文是sentinel原理源码分析系列第三篇&#xff0c;分析sentinel启动和初始化 启动/初始化 sentinel初始化分两块&#xff0c;静态初始和适配器(包括aop) 静态初始 1. Root EntranceNode 如果我们用一栋楼类比资源调用&#xff0c;root EntranceNode好比一栋楼的大门&…...

编程日记 2024/9/28 20:28:28

计算机网络（九） —— Tcp协议详解

目录 一&#xff0c;关于Tcp协议 二&#xff0c;Tcp报头字段解析 2.0 协议字段图示 2.1 两个老问题 2.2 16位窗口大小 2.3 32位序号和确认序号 2.4 6个标记位 三&#xff0c;Tcp保证可靠性策略 3.1 确认应答机制&#xff08;核心&#xff09; 3.2 超时重传机制 3.3 …...

编程日记 2024/9/28 20:27:27

跨境支付专业术语

跨境支付 跨境支付是指支付或者清结算过程发生在两个及以上的国家地区之间、实现了资金跨国跨地区转移的支付行为。 境外本地支付 境外本地支付是指支付和清结算过程同时发生在单个国家或地区境内&#xff0c;资金在本国家或地区内部转移的支付行为。 国际汇款 国际汇款指跨…...

编程日记 2024/9/28 20:26:26

多级目录SQL分层查询

需求&#xff1a;有多级目录&#xff0c;而目录的层级是不固定的&#xff0c;如下图所示&#xff1a; 数据结构&#xff1a; sql语句&#xff1a; <select id"getList" resultType"com.hikvision.idatafusion.dhidata.bean.vo.knowledgebase.KnowledgeBaseT…...

编程日记 2024/9/28 20:25:24

深度学习在微纳光子学中的应用

深度学习在微纳光子学中的主要应用方向 深度学习与微纳光子学的结合主要集中在以下几个方向&#xff1a; 逆向设计 通过神经网络快速预测微纳结构的光学响应&#xff0c;替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 特征提取与优化 从复杂的光学数据中自…...

编程新知 2025/9/17 11:41:06

Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具

文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染 准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据 准备一个容器,例如: …...

编程新知 2025/8/30 16:47:37

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

编程新知 2025/8/22 22:30:54

Linux-07 ubuntu 的 chrome 启动不了

文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了&#xff0c;报错如下四、启动不了&#xff0c;解决如下 总结 问题原因 在应用中可以看到chrome&#xff0c;但是打不开(说明&#xff1a;原来的ubuntu系统出问题了&#xff0c;这个是备用的硬盘&a…...

编程新知 2025/8/26 18:48:34

【服务器压力测试】本地PC电脑作为服务器运行时出现卡顿和资源紧张（Windows/Linux）

要让本地PC电脑作为服务器运行时出现卡顿和资源紧张的情况&#xff0c;可以通过以下几种方式模拟或触发&#xff1a; 1. 增加CPU负载 运行大量计算密集型任务&#xff0c;例如&#xff1a; 使用多线程循环执行复杂计算&#xff08;如数学运算、加密解密等&#xff09;。运行图…...

编程新知 2025/8/22 22:34:43

聊一聊接口测试的意义有哪些？

目录 一、隔离性 & 早期测试 二、保障系统集成质量 三、验证业务逻辑的核心层 四、提升测试效率与覆盖度 五、系统稳定性的守护者 六、驱动团队协作与契约管理 七、性能与扩展性的前置评估 八、持续交付的核心支撑 接口测试的意义可以从四个维度展开&#xff0c;首…...

编程新知 2025/8/30 20:33:26

AI，如何重构理解、匹配与决策？

AI 时代&#xff0c;我们如何理解消费&#xff1f; 作者&#xff5c;王彬 封面&#xff5c;Unplash 人们通过信息理解世界。 曾几何时&#xff0c;PC 与移动互联网重塑了人们的购物路径&#xff1a;信息变得唾手可得&#xff0c;商品决策变得高度依赖内容。 但 AI 时代的来…...

编程新知 2025/9/13 17:42:05

【Java学习笔记】BigInteger 和 BigDecimal 类

BigInteger 和 BigDecimal 类 二者共有的常见方法 方法功能add加subtract减multiply乘divide除 注意点&#xff1a;传参类型必须是类对象 一、BigInteger 1. 作用&#xff1a;适合保存比较大的整型数 2. 使用说明 创建BigInteger对象 传入字符串 3. 代码示例 import j…...

编程新知 2025/6/21 16:56:20

springboot整合VUE之在线教育管理系统简介

可以学习到的技能 学会常用技术栈的使用 独立开发项目 学会前端的开发流程 学会后端的开发流程 学会数据库的设计 学会前后端接口调用方式 学会多模块之间的关联 学会数据的处理 适用人群 在校学生&#xff0c;小白用户&#xff0c;想学习知识的 有点基础&#xff0c;想要通过项…...

编程新知 2025/9/2 17:47:54

C/C++ 中附加包含目录、附加库目录与附加依赖项详解

在 C/C 编程的编译和链接过程中&#xff0c;附加包含目录、附加库目录和附加依赖项是三个至关重要的设置&#xff0c;它们相互配合&#xff0c;确保程序能够正确引用外部资源并顺利构建。虽然在学习过程中&#xff0c;这些概念容易让人混淆&#xff0c;但深入理解它们的作用和联…...

编程新知 2025/9/3 11:05:24