企业官网建设流程全解析

前提：确认环境就绪（我的环境）

1. Qt VS Tools 已配置好 Qt 版本（如 Qt 6.8.3 MSVC2022 64-bit）；
2. VS2022 解决方案平台设为x64，与 Qt 版本架构匹配。

步骤 1：创建带 UI 界面的 Qt 项目

1. 打开 VS2022 → 点击「创建新项目」→ 搜索Qt Widgets Application→ 选择该模板 → 「下一步」；

2. 配置项目信息：

   • 项目名称：自定义（如QtUI_Demo）；
   • 保存路径：无中文 / 空格；
   • 解决方案名称：默认或自定义；

3.点击「创建」，进入 Qt 项目配置向导：

• Qt Version：选择已配置的 Qt 版本（如Qt 6.8.3 MSVC2022 64-bit）；
• Base class：选择窗口基类（推荐QMainWindow或QWidget，新手选QMainWindow更易扩展）；
• 勾选Generate form（核心！会自动生成.ui界面文件）；
• 其他选项默认 → 点击「Finish」。

✅ 项目创建后，自动生成核心文件：

• QtUI_Demo.ui：Qt Designer 可视化界面文件；
• QtUI_Demo.h/QtUI_Demo.cpp：界面逻辑代码文件；
• main.cpp：程序入口。

步骤 2：用 Qt Designer 设计界面

1. 打开 Qt Designer：

   • 方式 1：在 VS 解决方案资源管理器中，双击QtUI_Demo.ui文件 → 自动启动 Qt Designer；
   • 方式 2：VS 顶部菜单 → 扩展 → VS Tools → Launch Qt Designer → 手动打开QtUI_Demo.ui。

2.可视化设计界面（以添加按钮 / 标签为例）：

在项目文件中我是没有发现有自动生成的头文件(ui_QtUI_Demo.h)

倒是在编译文件中找到了它：

可能是qt的版本不同导致的吧。

步骤 3：关联界面控件与代码（信号槽）

1.在QtUI_Demo.h中声明槽函数：

private slots: void on_btnShowPopup_clicked();

2.在mainwindow.cpp中实现槽函数：

void QtUI_Demo::on_btnShowPopup_clicked() { // 弹出普通提示框（信息类） QMessageBox::information( this, // 父窗口（当前主窗口） "提示标题", // 弹窗标题 "这是点击按钮后弹出的提示框！" // 弹窗内容 ); }

步骤 4：编译运行

1. VS 顶部「解决方案平台」选择x64→ 配置选Debug/Release；
2. 点击「生成→生成解决方案」（F7），若无报错则编译成功；
3. 点击「调试→开始执行（不调试）」（Ctrl+F5）：
   • 弹出设计好的主窗口；
   • 点击「点击弹窗」按钮，触发高科技弹窗，验证界面与代码关联成功。

完毕！！！