qt 嵌入web页面_Web页面嵌入到Qt注意事项

目前，web页面嵌入Qt框架方式：

Qt：系统、一级、二级菜单框架；底部消息栏。

Web：三级菜单子页面。

开发方式：在web环境下开发完成后，将单独页面嵌入到qt中，html、js等文件都作为资源加入到qt工程中。

1、html页面中引入webchannel库：

其中，webchannel.js中，初始化了qt与web之间的通道，并定义qt与web之间的消息类型和内容。消息类型对应各个页面具体功能。新加的页面消息需要在该文件中添加。

2、Qt中相应子页面中加入web页面路径：

例如 epvl模型研判页面 JudgePool.qml：

image.png

以上步骤完成，就可以在Qt中看到web页面了。接下来需要注意的事项：

3、每个web页面下的初始化函数都必须在qt侧调用，因为初始化用到的一些如userinfo等信息需要Qt侧传入。并且在web页面初始化完成后调用。

(1)web页面中，加入页面初始化完成信号。

image.png

(2)Qt页面中，加入消息接收，并发送到web页面初始化消息。

image.png

(3)在webchannel.js中，加入web页面初始化函数。

</