利用QT进行web与本地混合应用开发.doc

利用QT进行web与本地混合应用开发Qt提供了本地 C+对象与JavaScript的无缝集成，是进行本地与web混合应用开发的理想平台。(一）Qt Webkit 集成利用Qt的Webkit 集成与QtNetwork模块，你完全可以进行本地桌面与web混合应用开发，你可以自由地混合JavaScript，样式表，Web内容和Qt组件。Webkit是一个非常成熟的web浏览引擎。Qt中集成了这个大名鼎鼎的引擎，通过tWebkit，你可以在+ 中执行JavaScript，或者在网页中集成+对象，并且通过JavaScript和这些对象进行交互。一个现代的渲染引擎只是混合开发的一半，另一半就是本地应用和渲染对象的交互。的Webkit 集成提供了这种解决方案：.使用object标签嵌入Qt Widgets组件。这可以让使用+代码的Qt组件包含在网页中，作为网页的部分外观。.在JavaScript中访问+对象。你可以在JavaScript环境中插入+对象，让网页脚本直接访问你的数据结构。.在Qt中执行JavaScript。你可以在+调用网页环境中的JavaScript函数，触发网页事件。.共享客户端存储。在JavaScript和+中你都具有访问数据库的能力，这样当下线时也能共享大量数据。(二）与嵌入的Qt对象交互使用 QWebView 组件，有两种方法可以在网页中嵌入C+对象。你可以在网页的JavaScript中添加C+对象，或者也可以创建一个插件，然后在网页中使用object标签嵌入。第二种方法更容易入手。当在网页中放入 Widget组件时，它的所有public slots就像普通函数一样被网页中的JavaScript函数访问。 要在网页中添加一个Widget，首先要告诉你的QWebPage对象,该Widget可用,这个通过子类化QWebPlugFactory完成,你需要重新实现两个方法：plugs和create。plugs方法通知网页该Widget可用，create方法根据请求创建widget。在HTML网页中，widgets使用object标签创建。比如，下面这个标签试图创建一个 application/x-qt-colorlabel组件。要利用这种创建，必须要允许使用插件并且要告诉QWebpage插件的工厂类。在下面的代码中，ColorLabelFactory将会根据application/x-qt-colorlabel的请求创建相应实例。QWebSettings:globalSettings()-setAttribute(QWebSettings:PluginsEnabled,true);webView-page()-setPluginFactory(newColorLabelFactory(this);ColorLabel有一个公开的slot: chagneColor(),这个对于网页中的JavaScript自动可用。在网页中插入一个指向该元素的链接，可以以一种简单的方式激活C+函数。Changecolor!要反方向推进事件，必须要使你的对象在JavaScript文档上下文中可用。要对QWebPage的每一个QWebFrame，调用addToJavaScriptWindowObject方法。这个方法允许你根据名字把一个对象添加到JavaScipt上下文中。webView-page()-mainFrame()-addToJavaScriptWindowObject(eventSource,neweventSource(this);要连接刚添加对象eventSource的信号，要加上一段JavaScript代码，使用evaluateJavaScript方法完成。下面的代码将把eventSource对象的signalName信号连接到一个JavaScript函数destFunction。webView-page()-mainFrame()-evaluateJavaScript(eventSource.signalName.connect(destFunction););如果你把一个对象添加到一个以标准浏览器查看的JavaScript页面中，有一个信号需要知道。每一次JavaScript内容被清除，Frame都会释放 javaScriptWindowObjectCleared 信号。为了使你的Qt对象一直可用，你需要连接这个信号，并且在这里调用 addToJavaScriptWindowObject函数。（二）使用客户端存储共享数据 随着HTML5，WEB标准日益靠近于桌面，同样，桌面也开始集成WEB。这方面一个最大的变化就是客户端存储。这在客户机上给了每一方（比如每一个页面）一个能利用SQL的数据库引擎，可以缓存本地数据，减少流量，使页面能脱机使用。还可以用来存储大量的结构化的，可搜索的数据。 客户端存储可以在JavaScript中使用，从JavaScript代码中搜索数据库，然后从搜索结果中生成页面。这要使用 openDatabase和transaction函数。假设现在有个数据库, 代码如下所示：db=openDatabase(TestDb,1.0,Clientsidestoragetest,200000);db.transaction(function(tx) tx.executeSql(SELECTid,textFROMTexts, ,function(tx,result) for(vari=0;iget(QNet