Q Web Engine View Js组件
QWebEngineView 与 JavaScript 的交互在 Qt 中通过 QWebEngineView 组件实现，尤其适用于需要嵌入网页内容或与网页进行双向交互的桌面应用。QWebEngineView 是 Qt WebEngine 模块的一部分，提供一个展示网页内容的视图控件，支持 JavaScript 执行和与 C++ 的双向通信，适合开发富客户端应用或内嵌式浏览器功能。
在本例中，通过 QWebEngineView 与 JavaScript 交互控制温度计。温度计采用基于 ECharts 的图表显示，ECharts 是百度开发的开源 JavaScript 图表库，具有强大的交互功能，能够显示和更新图表。ECharts 只需要 HTML、CSS 和 JavaScript 环境，因此可以轻松集成进 QWebEngineView 中。
JavaScript 调用 Qt
JavaScript 可以通过 window.qt 对象调用 C++ 中的方法。该对象由 Qt 自动暴露给 JavaScript 环境，结合 QWebChannel，可以将 C++ 对象暴露到 JavaScript 中。具体实现是通过 C++ 类提供控制温度计的函数，然后使用 QWebChannel 将 C++ 对象暴露给 JavaScript，JavaScript 端可以像调用本地函数一样调用这些方法。
Qt 调用 JavaScript
Qt 提供了 QWebEnginePage::runJavaScript() 函数，可以在 C++ 代码中执行 JavaScript。通过该方法，可以动态地根据应用状态更新图表数据，或者响应用户事件。例如，当温度值发生变化时，C++ 计算新的温度，并通过 runJavaScript() 将数据传递给 JavaScript，更新图表中的温度计显示。
温度计绘制
在 JavaScript 端，ECharts 库用于绘制温度计图表。ECharts 提供丰富的配置项和 API，可以轻松定制图表样式、数据和交互。温度计通常使用 ECharts 中的自定义 Gauge 图表，设置 min、max、pointer 等属性来展示温度值。
代码分析
源代码包含以下关键部分：
main.cpp：初始化QApplication和QWebEngineView，加载 HTML 文件，并设置QWebChannel。
webchannel.js：JavaScript 端的QWebChannel配置，连接 C++ 对象。
temperatureController.cpp/.h：C++ 类，包含控制温度的函数，并通过QWebChannel暴露给 JavaScript。
index.html：包含 ECharts 温度计图表的 HTML 文件，调用window.qt对象的方法来控制温度。
运行与调试
压缩包中的可执行文件可以直接运行，查看温度计控制效果。通过调试源代码，可以深入理解 C++ 和 JavaScript 之间的交互过程，以及两者之间的数据传递和通信细节。
通过这个例子，可以学习如何在 Qt 中结合 QWebEngineView 和 JavaScript 创建动态用户界面，实现 C++ 和 JavaScript 的深度集成。这种技术特别适合构建桌面应用，充分发挥 JavaScript 的灵活性与 Qt 的强大功能，提供更丰富的交互体验。
