数据库大作业——基于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

    然后将它们对齐即可:

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

  • 登录选项的绘制

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

结语

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

相关推荐
武子康2 小时前
Java-171 Neo4j 备份与恢复 + 预热与执行计划实战
java·开发语言·数据库·性能优化·系统架构·nosql·neo4j
怪兽20143 小时前
fastjson在kotlin不使用kotlin-reflect库怎么使用?
android·开发语言·kotlin
ClearLiang3 小时前
Kotlin-协程的挂起与恢复
开发语言·kotlin
彭同学学习日志3 小时前
Kotlin Fragment 按钮跳转报错解决:Unresolved reference ‘floatingActionButton‘
android·开发语言·kotlin
海域云赵从友3 小时前
破解跨境数据传输瓶颈:中国德国高速跨境组网专线与本地化 IP 的协同策略
开发语言·php
咚咚王者3 小时前
人工智能之编程进阶 Python高级:第九章 爬虫类模块
开发语言·python
怎么就重名了4 小时前
STM32+蓝牙模块+超声波模块+QT
stm32·嵌入式硬件·qt
深蓝海拓4 小时前
使matplot显示支持中文和负号
开发语言·python
syt_biancheng5 小时前
Day3算法训练(简写单词,dd爱框框,3-除2!)
开发语言·c++·算法·贪心算法
864记忆5 小时前
Qt Network 模块中的函数详解
开发语言·网络·qt