企业官网建设流程全解析

一、QtCreator 界面五大分区

1. 左侧项目栏 (Edit)：工程文件树，头文件 (.h)、源文件 (.cpp)、资源文件 (.qrc)、配置文件集中管理；
2. 中间代码 / UI 编辑区：代码编辑器 + Designer 可视化 UI 拖拽设计界面，一键切换源码 / 窗体设计；
3. 右侧组件库 (Widget Box)：所有原生控件，拖拽快速布局窗体；
4. 底部输出面板：编译日志、应用运行输出、Debug 调试控制台、搜索结果；
5. 上方菜单栏：构建、运行、调试、套件配置入口。

二、开发高频快捷键（全平台通用）

表格

三、两种项目工程结构：.pro (qmake)、CMakeLists.txt (CMake)

1. qmake (.pro) 老式工程（Qt5 主流）

核心配置文件xxx.pro，qmake 工具解析生成 Makefile，基础配置示例：

pro

QT += core gui widgets # 引入所需模块 TARGET = HelloQt # 生成程序名 TEMPLATE = app # 程序类型：可执行程序 SOURCES += main.cpp widget.cpp # cpp源文件 HEADERS += widget.h # 头文件 FORMS += widget.ui # UI窗体文件

优缺点：上手简单、配置简短，大型多模块项目依赖管理乏力。

2.CMake 工程（Qt6 默认，现代项目标准）

配置文件CMakeLists.txt，CMake 跨构建工具，示例基础配置：

cmake

cmake_minimum_required(VERSION 3.16) project(HelloCMake) find_package(Qt6 REQUIRED COMPONENTS Core Gui Widgets) qt_standard_project_setup() qt_add_executable(HelloCMake main.cpp widget.cpp) target_link_libraries(HelloCMake PRIVATE Qt6::Core Qt6::Gui Qt6::Widgets)

优缺点：跨编译器、跨构建系统，大型工程、第三方库依赖管理能力极强，Qt6 新项目官方推荐。

小结

新项目优先 CMake，老 Qt5 维护项目沿用.pro (qmake)，熟记快捷键大幅提升编码效率