Question

如何利用 QT 进行 web 与本地混合应用开发1 详细03

Answer 1

在下面的代码中，ColorLabelFactory 将 会根据 application/x-qt-colorlabel 的请求创建相应实例。 QWebSettings::globalSettings()->setAttribute(QWebSettings::PluginsEnab led, true); webView->page()->setPluginFactory(new ColorLabelFactory(this)); ColorLabel 有一个公开的slot: chagneColor(),这个对于网页中的JavaScript 自动可用。在网页中插入一个指向该元素的链接，可以以一种简单的方式激活C++函数。 Change color! 要反方向推进事件，必须要使你的对象在JavaScript 文档上下文中可用。要对QWebPage 的每咐返纯一个 QWebFrame，调用addToJavaScriptWindowObject 方法。这个方法允许你根据名字把一个对象添加到JavaScipt 上下 文中。 webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSourc e", new eventSource( this ) ); 要连接刚添加对象 eventSource 的信号，要加上一段 JavaScript 代码，使用 evaluateJavaScript 方法 完成。世敏下面的代码将把 eventSource 对象的 signalName 信号连接到一个JavaScript 函数destFunction。 webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalN ame.connect(destFunction);" ); 如果你把一个对象添加到一个以标准浏览器查看的JavaScript 页面中，有一个信号需要知道。每一次JavaScript 内容被清除，Frame 都会释放 javaScriptWindowObjectCleared 信号。为了使你的 Qt 对象一直可用，你需要连接这个信号，并且在这里调用 addToJavaScriptWindowObject 函数。 Webkit 是一个非常成熟的web 浏览引擎。Qt 中集成了这个大名鼎鼎的引擎，通过ＱtWebkit，你可以在Ｃ++ 中执行 JavaScript，或者在网页中集成Ｃ++对象，并且通过 JavaScript 和这些对象进行交互。 AD： 三、使用客户端存储共享数据 随着 HTML5，WEB 标准日益靠近于桌面，同样，桌面也开始集成 WEB。这方面一个最大衡咐的变化就是客户端存储。这在客户机上给了每一方（比如每一个页 面）一个能利用SQL 的数据库引擎，可以缓存本地数据，减少流量，使页面能脱机使用。还可以用来存储大量的结构化的，可搜索的数据。 客户端存储可以在JavaScript 中使用，从JavaScript 代码中搜索数据库，然后从搜索结果中生成页面。这要使用 openDatabase 和transaction 函数。 假设现在有个数据库, 代码如下所示： db = openDatabase("TestDb ", "1.0", "Client side storage test", 200000); db.transaction(function(tx) { tx.executeSql("SELECT id, text FROM Texts", [], function(tx, result) { for (var i = 0; i < result.rows.length; ++i) { var row = result.rows.item(i); processText( row['id'], row['text'] ); } }, function(tx, error) { alert('Failed to retrieve texts from the database - ' + error.message); return; }); }); 使用 QtWebkit，你可以使用 QtSql 模块访问同一个数据库。这在混合开发中是一个非常有用的特征。比如，你的应用中的web 页面在和本地部分共享 数据时，可以用同样的机制来保存数据。 为了避免安全问题，客户端的数据库只能由具有正确权限的一方在JavaScript 中访问。本地的 C++代码也可以通过静态的 QWebSecurityOrigin::allOrigins 方法，或者通过 QWebFrame::securityOrigin 来访问所有安全对象。 通过databases 方法，可以访问一个 QWebDatabaew 方法列表，每一个web 数据库对象有一个filename 属性，可以用来在本地代码中访问数据库。 QWebDatabase webdb = mySecurityOrigin.databases()[index]; QSqlDatabase sqldb = QSqlDatabase::addDatabase("QSQLITE", "webconnection"); sqldb.setDatabaseName(webdb.fileName()); if (sqldb.open()) { QStringList tables = sqldb.tables(); } 在WEB 和本地应用连接事件的能力，再加上共享数据的机制，更易于模糊WEB 和桌面之间的界限。 四、WEB 转换 很多通过WEB 得到的数据并不适合直接显示。比如网络新闻, 地理数据，以及其它特定数据格式的应用。QT 的网络模块可以以一种很简单的方式下载这样的数据，然后解析数据，把它转换成能被自己的代码处理的合适的格 式。也可以通过QtXmlPatterns 模块处理，当输出格式是XML 或者想在XHMTL 网页中显示时，这样更加方便。 我们通过一个小例子来大致了解一下这个有意思的部分。我们下载一个新闻源，用XSLT 把它从XML 转换成XHTML，然后通过QWebPage 把它显示出 来。（图略） QNetworkAccessManager 类让你很容易处理客户端和WEB 服务器之间的交互。它帮你处理诸如代理，保存设置，COOKIE 以及 SSL 会话这些细节。总之，它不但让你在象上传下载这 些常见情况更加容易，还可以帮你处理登录，认证这些复杂会话。 为了下载我们例子中的新闻源，我们所有要做的就是创建一个 QNetworkAccessManager 然后调用它的get 方法。结果通过 finished(QNetworkReply*) 信号返回。