Qt：系统、一级、二级菜单框架；底部消息栏。
Web：三级菜单子页面。
开发方式：在web环境下开发完成后，将单独页面嵌入到qt中，html、js等文件都作为资源加入到qt工程中。
1、html页面中引入webchannel库：
<script src="../../../../lib/qwebchannel.js"></script>
<script src="../../../../js/component/webchannel.js"></script>
其中，webchannel.js中，初始化了qt与web之间的通道，并定义qt与web之间的消息类型和内容。消息类型对应各个页面具体功能。新加的页面消息需要在该文件中添加。
2、Qt中相应子页面中加入web页面路径：
例如 epvl模型研判页面 JudgePool.qml：
以上步骤完成，就可以在Qt中看到web页面了。接下来需要注意的事项：
3、每个web页面下的初始化函数都必须在qt侧调用，因为初始化用到的一些如userinfo等信息需要Qt侧传入。并且在web页面初始化完成后调用。
（1）web页面中，加入页面初始化完成信号。
（2）Qt页面中，加入消息接收，并发送到web页面初始化消息。
（3）在webchannel.js中，加入web页面初始化函数。
4、遇到的问题：
（1）html中引入的js，如placecode.js等，都有初始化函数，凡是涉及到userinfo的都需要在qt侧调用。
（2）web中对文件名称大小写不区分，在Qt中严格区分。
（3）父页面d窗中是一个iframe的情况，iframe初始化问题解决方法：
iframe的路径不能在父页面静态加载，这样会导致iframe的js先于父页面的js加载，正常逻辑应该父页面的js先加载
需要在父页面定义一个方法来触发iframe的初始化方法
（4）页面跳转之后，需要调用跳转目的界面方法的问题：
1.web端js需要发出跳转信号
举例：案事件库的案件详情界面中跳转至【案件比对】(case_lib.js)
2.qt端qml接收跳转信号，调用CommonFun.jumpSystemPage方法，再向web端发信号调用目的界面的方法
注意: 目的界面有可能是初次打开，需要等目的界面初始化完成才能发调用web端方法（CaseLib.qml）
3.qt端目的界面需要定义初始化完成的信号，便于其他qt界面知道界面初始化完成:
(<u>compare_case.js</u>)
(<u>CompareCase.qm</u>l)
使用Webkit library (可以说是纯QT实现)代码量不多，直接贴代码 (读起来一点不痛苦的) ：
myWebView = new QWebView(this)//this 是main window widget, myWebView 是它的成员变量
myWebView->page()->settings()->setAttribute(QWebSettings::JavascriptEnabled, true)
myWebView->page()->settings()->setAttribute(QWebSettings::PluginsEnabled,true)
myWebView->page()->mainFrame()->addToJavaScriptWindowObject("mainWindowObject", this)//html页面中，可以通过"mainWindowObject"这个对象名访问主控件中的方法 (slot)
setCentralWidget(myWebView)
myWebView->setUrl( xxx )//xxx是你的url或本地html路径
//. . .
class MainWindow : public QMainWindow
{
//. . .
public slots:
void CPlusPlusFunction(const QString&str) //这个函数是将被JavaScript调用的
{
myWebView->page()->mainFrame()->uateJavaScript( QObject::tr("jsFunction('Popup Dialog')") )
}
}
HTML文件内容如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>myjstest</title>
<script language="JavaScript" type="text/javascript">
function jsFunction(values) //this function will be called from C++ codes
{
alert(values)
}
function test()
{
mainWindowObject.CPlusPlusFunction( "calling C++ function from javaScript" )
}
</script>
</head>
<body>
<div id="dest"></div><form action="" method="post">
<input type="button" name="" value="myTest" onclick="test()" />
</form>
</body>
</html>
这种方法，使用Webkit作为浏览器，如果你的页面使用了ActiveX控件（比如google earth插件），则不能正常工作。
这种情况下，你需要放弃Webkit，在主程序中调用IE 控件（WebBrowser Control）作为浏览器。(但是这样也失去了跨平台的支持，因为IE只能在Wndosw上跑。)
evaluateJavaScript执行的是QWebView容器内部的JS环境中得到方法,也就是说,say()这个方法你要在JS环境中能够访问.有两种方式可以实现say()函数,一种是用js代码写,然后在QWebView中调用,比如写到<script>标签内不着单独的js文件并在html中引用第二种是用Qt语言写,并将该函数声明注册给QWebView的引擎环境,方法是addToJavaScriptWindowObject.不清楚你的say()是用哪种方式实现的,如果是第一种,你可以直接用单独的浏览器,比如chrome,下用web develop工具调用测试,判断是不是函数语法或解析问题
如果是第二种,看下是否已经正确的注册给对应的运行环境.
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）