Qt5初见笔记(二)关于Qt的MVC结构(参考Sherriff, Nicholas《Learn Qt5》)

2023-12-27 10:58

本文主要是介绍Qt5初见笔记(二)关于Qt的MVC结构(参考Sherriff, Nicholas《Learn Qt5》),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

参考书目:

Sherriff, Nicholas.Learn Qt5: Build Modern, Responsive Cross-platform Desktop Applications with Qt, C++, and QML

OS: Windows 10

IDE: Qt Creator

Qt version: 5.10.0

为了更好地配合教材,这次把Qt的版本换成了和教材一致的5.10.0版本。

这篇文章讲的是如何使用Qt Creator创建一个MVC框架的项目。

 

啰嗦一下:在上一篇文章(Qt5学习笔记(一)使用单个.pro文件创建Hello World工程(参考Sherriff, Nicholas《Learn Qt5》))中实现了scratchpad应用程序,我们可以把它称作“Qt工程”。在技术层面上这样的工程叫做project,而商业环境中的工程指的是initiative。在实际开发中,project往往是initiative的一部分。我们经常说的“工程”一般是指project。

这次的例子是遵循MVC框架实现的一个多项目工程。关于MVC,这里简单说明一下:MVC(Model View Controller)是一种设计思路,遵循它可以把用户界面(View)、功能逻辑(Controller、Model)的代码分开实现。

M、V、C以及之间的关系是:

  • V:View代表用户界面,一般是提供交互式的图形界面由用户下达各种指令。它可以访问Controller和Model,因为它需要将用户通过用户界面发出的命令传递给Controller控制Model并呈现结果;
  • C:Controller代表控制器,用来接收用户通过View传递给它的指令对数据模型Model进行操作。可以访问Model,因为它需要对Model的数据进行操作,但是Controller并不能访问到View;
  • M:Model可以看作是各种数据模型,用来提供各种数据。它既不能访问View也不能访问Controller。

在菜单栏中单击文件->新建文件或项目->其他项目->子目录项目,然后单击Choose..创建工程。

项目名称为cm,路径任选,这里放在上一篇文章中建立的qt文件夹里,Next。

然后进入开发包选择。Desktop Qt 5.10.0 MinGW 32bit为必选,其他可选。这里全选(不全选当然OK),下一步。

最后两个全部选择默认<None> 之后,单击“完成& 添加子项目”完成子目录项目的创建。

然后会弹出“新建子项目”窗口,选择Application->Qt Quick Application - Empty,单击Choose..

子项目命名为“cm-ui” ,路径默认放在cm目录下,下一步。

Build system默认选qmake,下一步。

Minimal required Qt version默认选Qt 5.9,Use Qt Virtual Keyboard默认不选,下一步。

和之前的开发包选择一样,Desktop Qt 5.10.0 MinGW 32bit为必选,其他可选。这里全选(不全选也OK),然后下一步。

 最后,默认选择作为子项目添加到项目cm.pro中,添加到版本控制系统默认选择<None>,完成创建。

至此,我们MVC中的View部分已经创建完毕。 接下来创建业务逻辑部分。

在“项目”面板中,右击最顶部的cm文件夹,选择“新子项目...”。

选择Library->C++库,单击Choose..

类型默认选择共享库,名称为cm-lib,创建路径默认在cm文件夹下,下一步。

模块默认只选择QtCore,下一步。

这里我们可以创建自己的类了,这里类名为Client,然后头文件和源文件会自动命名为client.h和client.cpp,下一步。 

最后,和之前创建的cm-ui一样,默认选择作为子项目添加到项目cm.pro中,添加到版本控制系统默认选择<None>,完成创建。

至此cm-lib子工程已创建完毕。接下来创建最后一个子工程cm-tests,用于单元测试。

右击项目面板的cm文件夹,选择“新子项目...”,在“其他项目”中选择“Qt单元测试”,单击“Choose..”。

项目名称命名为“cm-tests” ,路径默认在cm文件夹下,下一步。

模块默认选择QtCore和QtTest,下一步。

类名命名为“ClientTests”,勾选“生成初始化和清理代码”,文件命名为client-tests.cpp,下一步。

项目管理中,同样默认选择作为子项目添加到项目cm.pro中,添加到版本控制系统默认选择<None>,完成创建。

经历过漫长的创建向导,至此三个子工程已全部创建完成,现在我们的项目面板结构应该是这样的:

下面对这三个子工程分别处理。 

cm-lib

首先在cm-lib文件夹下新建文件夹source(Tip:新建文件夹的快捷键是Shift+Ctrl+N),把cm-lib下的cm-lib_global.h移动到source下,然后在source文件夹下再新建文件夹models,把cm-lib下的client.cpp和client.h移动到models下。

然后回到Qt Creator,打开cm-lib.pro,编辑代码如下:

QT -= guiTARGET = cm-lib
TEMPLATE = libCONFIG += c++14DEFINES += CMLIB_LIBRARYINCLUDEPATH += sourceSOURCES += source/models/client.cppHEADERS += source/cm-lib_global.h \source/models/client.h

逐行解释:

由于cm-lib是一个库工程,所以这里不用加载默认的GUI模块,所以我们在变量QT中去掉了这个模块。

TARGET变量是我们要给我们的二进制输出文件起的名字(这里是cm-lib.dll),如果没有给TARGET变量赋值,这个输出文件的名字就默认为工程名。

TEMPLATE变量在上一篇文章中提到过,它指的是工程的类型,这次我们的类型不再是app而是lib。

CONFIG变量也在上一篇文章中提到过,这里仍然使用C++14的特性。

cm-lib_global.h是一个预处理器模板,用于导出.dll文件,这里添加值CMLIB_LIBRARY到DEFINES可以触发这次导出。

INCLUDEPATH的值对应于源文件中#include的声明,当使用#include包含某个文件时,会根据INCLUDEPATH的值寻找。

SOURCES和HEADERS的值较原来修改了一下,来匹配之前移动.cpp和.h文件的操作。

现在在项目面板中右击cm-lib文件夹,单击“执行qmake”,成功后再次右击cm-lib单击“重新构建”。

cm-tests

在cm-tests目录下新建两层子目录source\models,把client-tests.cpp移动到models下。

回到Qt Creator,编辑cm-tests.pro:

QT += testlib
QT -= guiTARGET = client-tests
TEMPLATE = appCONFIG += c++14CONFIG += consoleCONFIG -= app_bundleINCLUDEPATH += sourceSOURCES += source/models/client-tests.cpp 

这里配置与cm-lib.pro相似,只是工程类型是app而不是lib了;而且这次也不需要GUI模块,但需要添加testlib模块用来获取Qt单元测试的功能。

然后对cm-tests执行qmake,然后重新构建。

cm-ui

这次在cm-ui目录下新建两个文件夹:source、views,把main.cpp移动到source下,把main.qml移动到views下,并把qml.qrc重命名为views.qrc。编辑cm-ui.pro:

QT += qml quickTEMPLATE = appCONFIG += c++14INCLUDEPATH += sourceSOURCES += source/main.cppRESOURCES += views.qrc# Additional import path used to resolve QML modules in Qt Creator's code modelQML_IMPORT_PATH = $$PWD

实现UI界面要使用QML编写,这里需要的是qml和quick两个模块。

关于变量QML_INCLUDE_PATH等到之后使用QML模块时再解释。

接下来在文件资源管理器中用文本编辑器(这里使用的Atom)编辑views.qrc:

<RCC><qresource prefix="/"><file>views/main.qml</file></qresource>
</RCC>

最后,编辑main.cpp,只需要修改这一行:

    engine.load(QUrl(QStringLiteral("qrc:/views/main.qml")));

好了,对cm-ui执行cmake并重新构建。

运行之前,先调整一下左下角的配置:

配置好之后就可以点绿色三角运行了:

 嗯,就是一个空白的Hello World窗口,说明运行成功了。这就是目前构建的MVC多项目解决方案(multiproject solution)

这篇关于Qt5初见笔记(二)关于Qt的MVC结构(参考Sherriff, Nicholas《Learn Qt5》)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/542892

相关文章

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

usaco 1.3 Mixing Milk (结构体排序 qsort) and hdu 2020(sort)

到了这题学会了结构体排序 于是回去修改了 1.2 milking cows 的算法~ 结构体排序核心: 1.结构体定义 struct Milk{int price;int milks;}milk[5000]; 2.自定义的比较函数,若返回值为正,qsort 函数判定a>b ;为负,a<b;为0,a==b; int milkcmp(const void *va,c

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络(1)sklearn

系列文章目录 监督学习:参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归(SAheart.csv) 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学

系统架构师考试学习笔记第三篇——架构设计高级知识(20)通信系统架构设计理论与实践

本章知识考点:         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识

自定义类型:结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐? 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识,并举出了两个例子,我们再举出两个例子继续说明: struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s

论文阅读笔记: Segment Anything

文章目录 Segment Anything摘要引言任务模型数据引擎数据集负责任的人工智能 Segment Anything Model图像编码器提示编码器mask解码器解决歧义损失和训练 Segment Anything 论文地址: https://arxiv.org/abs/2304.02643 代码地址:https://github.com/facebookresear

数学建模笔记—— 非线性规划

数学建模笔记—— 非线性规划 非线性规划1. 模型原理1.1 非线性规划的标准型1.2 非线性规划求解的Matlab函数 2. 典型例题3. matlab代码求解3.1 例1 一个简单示例3.2 例2 选址问题1. 第一问 线性规划2. 第二问 非线性规划 非线性规划 非线性规划是一种求解目标函数或约束条件中有一个或几个非线性函数的最优化问题的方法。运筹学的一个重要分支。2

【C++学习笔记 20】C++中的智能指针

智能指针的功能 在上一篇笔记提到了在栈和堆上创建变量的区别,使用new关键字创建变量时,需要搭配delete关键字销毁变量。而智能指针的作用就是调用new分配内存时,不必自己去调用delete,甚至不用调用new。 智能指针实际上就是对原始指针的包装。 unique_ptr 最简单的智能指针,是一种作用域指针,意思是当指针超出该作用域时,会自动调用delete。它名为unique的原因是这个

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

【iOS】MVC模式

MVC模式 MVC模式MVC模式demo MVC模式 MVC模式全称为model(模型)view(视图)controller(控制器),他分为三个不同的层分别负责不同的职责。 View:该层用于存放视图,该层中我们可以对页面及控件进行布局。Model:模型一般都拥有很好的可复用性,在该层中,我们可以统一管理一些数据。Controlller:该层充当一个CPU的功能,即该应用程序