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

    然后将它们对齐即可:

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

  • 登录选项的绘制

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

结语

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

相关推荐
t***L2661 分钟前
JavaScript在机器学习中的库
开发语言·javascript·机器学习
勇闯逆流河1 小时前
【C++】C++11(下)
开发语言·c++
青衫码上行1 小时前
【Java Web学习 | 第15篇】jQuery(万字长文警告)
java·开发语言·前端·学习·jquery
胡萝卜3.07 小时前
掌握C++ map:高效键值对操作指南
开发语言·数据结构·c++·人工智能·map
电子_咸鱼7 小时前
【STL string 全解析:接口详解、测试实战与模拟实现】
开发语言·c++·vscode·python·算法·leetcode
沐知全栈开发8 小时前
ionic 选项卡栏操作详解
开发语言
曹牧8 小时前
C#中,#region和#endregion
开发语言·c#
顾安r8 小时前
11.22 脚本打包APP 排错指南
linux·服务器·开发语言·前端·flask
蒙小萌19938 小时前
Swift UIKit MVVM + RxSwift Development Rules
开发语言·prompt·swift·rxswift
Z***25808 小时前
Java爬虫框架
java·开发语言·爬虫