数据库大作业——基于qt开发的图书管理系统(四)项目目录的整理与绘制登录页面

项目目录的管理

前言

在上几篇的文章里面我们完成了基本环境的搭建,整理了项目数据库表结构并且成功的手动的加载了Qt的mysql数据库驱动,现在就要开始完成项目准备工作的最后一步:构建项目目录,一个好的项目离不开一个好的代码组织结构,所以在开始动手写我们这个项目之前,我们要做的第一步就是对项目目录进行优化,我们一般写代码的时候,各个文件常常堆积到一起去,比如下面这样:

但是这样对于我们进行项目管理其实是不利的,随着项目各个模块的增多,对应代码文件也会增多,所以需要我们根据代码的功能来对代码进行整理。

项目目录的重构

目前来看,我们这个项目的主要组成部分有以下两个部分:UI界面以及我们要和UI界面进行交互的相关业务逻辑,我们可以创建相关文件夹cell(UI界面相关代码)和lib(业务逻辑相关代码):

然后我们点开创建文件夹创建.pri文件(这里以cell文件夹为例):然后打开.pro文件夹,对相关配置进行修改:

复制代码
QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

DESTDIR=$$PWD/bin  //可执行文件存放路径

include($$PWD/cell/cell.pri)  //导入cell文件夹
include($$PWD/lib/lib.pri)     //导入lib文件夹

然后重新构建项目,会发现项目结构发生了变化:

最后我们还要将相关文件导入文件夹中,首先我们点击cell文件夹的标识:

选择添加现有文件,选择除了.pri以外的所有文件:

然后.pri变成如下的情况就显示添加成功了:

绘制登录界面

图书管理界面所涉及的要绘制的页面数量还是比较大的,接下来我将以登录页面的绘制为例,带大家来看一下界面绘制的流程:

准备工作

  • 首先我们右击一下Sources·,选择ADD New...,
  • 选择Qt设计师界面类
  • 选择界面:

    这样就到了我们要绘制界面的地方了。

绘制流程

首先我们来看一下晚一届绘制号的登录页面(画的丑,看看就好,呜呜呜):

实体是这样的:

  • 标题部分

    首先我们来拉取一个Label组件,然后写上Login

    然后我们让这个字体居中对齐:

    这里将alignment水平的改为居中就好了

    这里的拓宽不了,大家见谅

    我们就可以看到字体就已经居中了

  • 用户名与密码的设置

    首先我们需要一个label和一个lineEdit,如下:

    但是这样好像没有对齐,我们就要看是让它们对齐,那我们首先定义一个QWidget,将它们两一起选中拉取到QWidget中:

    然后我们定义水平布局它们就对齐了:

    password我们依法炮制即可。

  • 角色选择

    这里我们我们需要一个Label和两个RadioButton

    然后将它们对齐即可:

    备注:这里的红框可以将所有堵塞选中,点击网格布局

  • 登录选项的绘制

    这里需要三个按钮,然后对齐就好了:

结语

这样我们的基本登录页面就绘制好了,由于博主这个是大作业(懂的都懂,咳咳咳),界面绘制的比较潦草,大家可以根据自己的需求来添加模块,下篇文章见

相关推荐
Wang's Blog7 小时前
Java 项目实战: 交友项目 - FastDFS:入门案例
java·开发语言·交友
apcipot_rain8 小时前
C++转Java日记(03)
java·开发语言·c++
布莱克6058 小时前
C++ 中 map 的 insert 与 emplace:key 已存在时会覆盖吗?
开发语言·数据结构·c++·算法·map
xys_6788 小时前
深挖C++:类和对象(中)
开发语言·c++
灿飞屋8 小时前
Rust 编程其实很简单
开发语言·rust
MOONICK10 小时前
QT元数据
开发语言·qt
D e re k ZH11 小时前
C++ 系统学习手记:从语法细节到工程实践
开发语言·数据结构·c++·算法
灿飞屋11 小时前
Kotlin与Java虚拟机三:控制流
android·java·开发语言·后端·python·kotlin·安卓
xiaoye-duck12 小时前
《C++ 项目:手写大模型接入 SDK》Ollama接口设计(上):初始化、全量响应实现和测试
开发语言·网络·c++·语言模型
总要学点什么13 小时前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质