1. 重庆云诚科技 > 数码百科 >

﹝qt开发网站﹞qt web开发

导读如何利用 QT 进行 web 与本地混合应用开发贡献用户名:【末暧】 ,现在由重庆云诚科技小编为你解答与【qt开发网站】的相关内容!最佳回答一、Qt Webkit 集成利用Qt的Webkit 集成与QtNetw...

今天我们来聊聊[qt开发网站],以下3个是关于qt开发网站的观点,希望能帮助到您找到想要的,更多qt web开发相关的资讯继续关注本站。

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

贡献用户名:【末暧】 ,现在由重庆云诚科技小编为你解答与【qt开发网站】的相关内容!

最佳回答一、Qt Webkit 集成利用Qt的Webkit 集成与QtNetwork模块,你完全可以进行本地桌面与web混合应用开发,你可以自由地混合JavaScript,样式表,Web内容和Qt组件。 Webkit是一个非常成熟的web浏览引擎。Qt中集成了这个大名鼎鼎的引擎,通过QtWebkit,你可以在C++ 中执行JavaScript,或者在网页中集成C++对象,并且通过JavaScript和这些对象进行交互。一个现代的HTML渲染引擎只 是混合开发的一半,另一半就是本地应用和渲染对象的交互。QT的Webkit 集成提供了这种解决方案:1.使用object标签嵌入Qt Widgets组件。这可以让使用C++代码的Qt组件包含在网页中,作为网页的部分外观。2.在JavaScript中访问C++对象。你 可以在JavaScript环境中插入C++对象,让网页脚本直接访问你的数据结构。3.在Qt中执行JavaScript。你可以在C++ 调用网页环境中的JavaScript函数,触发网页事件。4.共享客户端存储。在JavaScript和C++中你都具有访问数据库的能 力,这样当下线时也能共享大量数据。二、与嵌入的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(new ColorLabelFactory(this)); ColorLabel有一个公开的slot: chagneColor(),这个对于网页中的JavaScript自动可用。在网页中插入一个指向该元素的链接,可以以一种简单的方式激活C++函数。Change color!a> 要反方向推进事件,必须要使你的对象在JavaScript文档上下文中可用。要对QWebPage的每一个 QWebFrame,调用addToJavaScriptWindowObject方法。这个方法允许你根据名字把一个对象添加到JavaScipt上下 文中。webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSource", new eventSource( this ) ); 要连接刚添加对象eventSource的信号,要加上一段JavaScript代码,使用evaluateJavaScript方法 完成。下面的代码将把eventSource对象的signalName信号连接到一个JavaScript函数destFunction。webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalName.connect(destFunction);" ); 如果你把一个对象添加到一个以标准浏览器查看的JavaScript页面中,有一个信号需要知道。每一次JavaScript 内容被清除,Frame都会释放 javaScriptWindowObjectCleared 信号。

上文就是重庆云诚科技小编解答贡献者:(末暧)解答的关于“如何利用 QT 进行 web 与本地混合应用开发”的问题了,不知是否已经解决你的问题?如果没有,下一篇内容可能是你想要的答案,接下来继续分折下文用户【淡看悲欢离合】贡献的“如何评价Qt WebEngine取代Qt Webkit”的一些相关问题做出分析与解答,如果能找到你的答案,可以关注本站。

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

如何评价Qt WebEngine取代Qt Webkit

贡献用户名:【淡看悲欢离合】 ,现在由重庆云诚科技小编为你详解与【qt开发网站】的相关内容!

最佳回答很遗憾,QtWebkits在Qt5.6版本被淘汰了,对于这个接口良且和其他类例如QWebFrame完美结合的组件就这么没了,我只能表示惋惜。对于QtWebEngine新的组件,不得不承认它从Chromium继承过来的强大的性能,但接口上还不是很丰富,和其他类的交互也不是很完美,期待Qt能够对其进行进一步开发,我也会不断的升级Qt,尝试新的接口。

目前而言,QWebEngine有以下缺点:

MinGW版本的Qt不支持,即便是Qt5.6版本也是不支持的。仅仅支持MSVC版本。

接口暂时不丰富

无法和QWebFrame进行交互(使用了新的QWebChannel和QWebEnginePage组合进行交互)

基于我们的GPS定位项目,参考:[Qt开发北斗定位系统融合百度地图API及Qt程序打包发布] ,我们在该项目中使用的是Qt5.5版本,在嵌入的浏览器作为加载地图用的是QWebKits组件,我们将其升级使用QWebEngine进行加载地图,和HTML和JS进行交互。我们以此为例,进行简要的介绍。

2. 两者的UI上面的区别

你刚刚升级到Qt5.6版本可能在UI设计界面时候在组件中找不到QWebEngineView这个组件,无法从这里拖拽这个组件到你的UI界面上。我查阅了很多资料,看到别人经常使用 ui->webEngineview->.这样,我甚至怀疑是否因为安装了其他版本的Qt影响到了我,我卸载了包含5.6版本的所有Qt,又重新安装了一遍,但是再重启软件后,依然没有发现QWebEngineView这个鬼东西。在Qt5.5中你也能发现有这样的组件QWebView,如图1所示:

QWebView组件可以通过QWebFrame来进行HTML和JS的通信,如果过渡到QWebEngineView,要是没有这个UI组件的话,我如何把浏览器嵌入到软件界面,实现网页和软件的混合编程呢。根据官方提供的一个例子中,cookiebrowser中找到了答案,这也是官方给的例子中,唯一一个嵌入到网页中的!(不得不说,Qt给的例子很模糊很差!) 经过研究, QWebEngineView使用widget组件,拖拉出来是一个透明的组件,对着组件按右键->promote to ->选择QWebEngineView,如图2,完成操作。

有了QWebEngineView这个UI组件,我们可以在程序中调用其成员、方法和函数完成操作了。

3. 使用方法区别

在使用方法上有很大的区别,可以说是两个完全不同理念的东西,这里为了更通俗易懂,就不粘贴API文档中函数解释,就用最常用的!

#include <QtWebEngineWidgets>   // 基本组件#include <QWebEnginePage>       // HTML页面#include <QWebChannel>          // C++和JS/HTML双向通信,代替了已淘汰的QtWebFrame的功能

在我们的项目中一开始就要引入这样的组件,但在我们的项目中,没有频繁用到与JS的互相交互,所以这里暂时没有关于QWebChannel的使用方法,只留下这个接口。

以下为区别:

在WebKits中的初始化:

QUrl url(strMapPath);       // strMapPath为QString类,是你html文件的路径ui->webView->load(url);

ui->webView->setContentsMargins(0,0,0,0);

ui->webView->setTextSizeMultiplier(1);//设置网页字体大小connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),            this, SLOT(slotPopulateJavaScriptWindowObject()));

我们会使用load方法加载html所在的界面,使用QWebFrame类的mainFrame()中的SIGNAL和槽函数

void Widget::slotPopulateJavaScriptWindowObject()

{

   ui->webView->page()->mainFrame()->addToJavaScriptWindowObject("ReinforcePC", this);

}

进行响应。参考文献1:《javascript调用qt》,可以解释这个槽函数的重要性。

在WebEngine中的初始化:

QWebEnginePage *page = new QWebEnginePage(this);  // 定义一个page作为页面管理QWebChannel *channel = new QWebChannel(this);     // 定义一个channel作为和JS或HTML交互page->load(strMapPath);                         // page上加载html路径page->setWebChannel(channel);                   // 把channel配置到page上,让channel作为其信使ui->webEngine->setPage(page);                   // 建立page和UI上的webEngine的联系

如果你的 初始化程序写到这里,当你运行程序的时候,无论是webKits里的WebView还是新版的webEngineView,你的UI界面上的那个组件区域就会显示那个html文件了。

到此,我们完成了两者的初始化。

WebKits组件中的运行JS:

我们以按钮的槽函数为例,当点击按钮时,会向JS发送命令,运行JS脚本,我们这里发送的是将显示变为卫星图的JS命令:

void Widget::on_pushButtonStreetMap_clicked()

{    QWebFrame *frame = ui->webView->page()->mainFrame(); // 定义一个QWebFrame负责交互

   QString cmd = QString("showStreetMap()"); // JS的命令

   frame->evaluateJavaScript(cmd);           // 使用frame下的命令运行该命令}

从这个例子中我们也可以看到,QWebFrame是JS交互的关键。

WebEngine组件中的运行JS:

还是以该槽函数为例:

void Widget::on_pushButtonSatelliteMap_clicked()

{    QString cmd = "showSatelliteMap()";

   ui->webEngine->page()->runJavaScript(cmd);      // 直接page()下就可以运行}

在JS单向通信中十分简单,也不需要使用QWebChannel信使,但该方法runJavaScript()无法在构造函数中使用,原因不明。也可以这样使用:

connect(ui->webEngine,&QWebEngineView::loadFinished,[=](int){

            ui->webEngine->page()->runJavaScript(cmd1);

第二个参数SIGNAL位置的,只能使用这样的方式调用,如果使用SIGNAL(loadFinished),报错。

以上就是重庆云诚科技小编解答(淡看悲欢离合)回答关于“如何评价Qt WebEngine取代Qt Webkit”的答案,接下来继续为你详解投稿用户(ベ墨痕☆未染)贡献“qt 5.6 怎么编译 qtWebView 或者 qtWebEngine”的一些相关解答,希望能解决你的问题!

qt 5.6 怎么编译 qtWebView 或者 qtWebEngine

贡献用户名:【ベ墨痕☆未染】 ,现在由重庆云诚科技小编为你讲解与【qt开发网站】的相关内容!

最佳回答DataTable dt = new DataTable();

dt.Columns.Add(new DataColumn("PreRevDate0", typeof(decimal)));

DataColumn col = new DataColumn();

col.ColumnName = "PreRevDate1";

col.Expression = "ABS(Convert.ToInt32(PreRevDate0))";

col.DataType = typeof(decimal);

dt.Columns.Add(col);

DataRow dr = dt.NewRow();

dr["PreRevDate0"] = -1;

dt.Rows.Add(dr);

关于[qt开发网站]的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于qt开发网站、qt web开发的信息别忘了在本站进行查找喔。

推荐文章:

  • 管家婆一句赢钱料图
  • 两肖两码准
  • 今期香港挂挂牌生肖表
  • 小鱼儿特马站
  • 平心静气打一生肖数字
  • 马会传真2019特马
  • 管家婆三十码
  • 管家婆登陆官网
  • u7金牛版
  • 平特一尾什么意思
  • 本文由网上采集发布,不代表我们立场,转载联系作者并注明出处:https://www.cqycseo.com/kangadmin/makehtml_archives_action.php?endid=0&startid=-1&typeid=15&totalnum=6115&startdd=4040&pagesize=20&seltime=0&sstime=1679321406&stime=&etime=&uptype=&mkvalue=0&isremote=0&serviterm=

    联系我们

    在线咨询:点击这里给我发消息

    微信号:

    工作日:9:30-18:30,节假日休息