Qt-Web混合开发-QtWebChannel实现Qt与Web通信交互-进阶功能（6）

最新推荐文章于 2024-03-28 09:55:16 发布
最新推荐文章于 2024-03-28 09:55:16 发布
阅读量1.7k 收藏 14
点赞数 3
分类专栏： # Web QT 文章标签： qt 前端 QWebChannel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43627907/article/details/128346654
版权
QT 同时被 2 个专栏收录
113 篇文章 120 订阅
订阅专栏
Web
12 篇文章 18 订阅
订阅专栏

Qt-Web混合开发-QtWebChannel实现Qt与Web通信交互-进阶功能🥬

文章目录

更多精彩内容
👉个人内容分类汇总 👈
👉Qt - Web混合开发👈

1、概述🌽

  • Qt版本：V5.12.5

  • 注意：windows下webenginewidgets只支持MSVC编译器，不支持MinGW（mingw好像需要自己编译）；

  • 当使用QWebEngineView实现Qt + html混合开发时经常遇见的问题就是Qt自身有信号槽，但是和web网页怎么通信，web里又没有信号槽，第一时间想到的是socket通信，但是Qt其实封装了更加简单便捷的通信方式，可使用QtWebChannel和qwebchannel.js实现Qt和web通信；

  1. QWebChannel支持的功能：

    1. 将JavaScript函数【绑定到Qt的信号】（类似Qt信号槽）；
    2. 在JavaScript中异步调用QWebChannel::registerObject()注册的对象对象的【槽函数】（必须是public slots:声明的）；
    3. 在JavaScript中调用QWebChannel::registerObject()注册的对象中带【返回值的槽函数】，并通过回调函数获取Qt槽函数的返回值；
    4. 在JavaScript中指定读取/修改QWebChannel::registerObject()注册的对象中使用Q_PROPERTY定义的【属性值】；
    5. 在JavaScript中指定读取QWebChannel::registerObject()注册的对象中使用Q_ENUM标记的【枚举】。

  2. 前面讲了Qt使用 QWebChannel实现与Web中的javascript通信的简单示例，但是如果需要传递复杂数据该怎么实现呢，总不能所有数据都用字符串吧；

  3. 其实可以转换为JSON的数据类型QWebChannel都支持，而JSON支持下列6种数据类型，对应到Qt中可以使用5种类型，其它各种类型的数据，例如QByteArray，QImage、自定义结构体等数据类型都需要自己转换为JSON数据格式再通过QWebChannel传递；

    JSON支持类型Qt中对应的数据类型
    逻辑值（true 或 false）bool
    数字（整数或浮点数）int、int64、double等数字类型都可以
    字符串（在双引号中）QString
    数组（在中括号中）QJsonArray
    对象（在大括号中）QJsonObject
    null

2、实现效果🍆

在这里插入图片描述

3、实现功能🍒

  1. 构建后将html、css、js文件自动拷贝到可执行程序路径下；
  2. web界面和qt界面实现双向通信；
  3. 由于QWebChannel传递数据只有可以转换为【JSON的数据类型】才可以传递，其它类型无法传递，例如QByteArray这些JSON不支持的数据类型，这里演示了可以传递的所有数据类型的使用方式；
  4. Web界面中javascript直接读取Qt中注册对象使用Q_PROPERTY定义的【属性值】；
  5. Web界面中javascript直接读取Qt中注册对象使用使用Q_ENUM标记的【枚举】；
  6. 定义一个带有返回值的槽函数，javascript调用该函数后可以获取【返回值】；

4、关键代码🥝

QT += webenginewidgets webchannel   # 使用QWebEngineView和QWebchannel需要加载模块

# 程序编译后需要使用nmake install（msvc）或make install (linux)将web2文件夹拷贝到当前路径下，或者自己手动拷贝
webFile.path = $$path
webFile.files = $$PWD/web2
INSTALLS += webFile      # 将web文件夹拷贝到path路径下，需要配置Custom Process Step: nmake install才生效
  • webClient.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Web客户端</title>
<!--  qwebchannel.js文件一般在Qt安装路径下 D:\Qt\Qt5.12.5\Examples\Qt-5.12.5\webchannel\shared\qwebchannel.js-->
    <script src="qwebchannel.js"></script>
    <script src="main.js"></script>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <h1 align="center">Web客户端程序 </h1>
    <div align="center">
        <textarea id="textAreaId" name="textArea"></textarea> </br>

        <button id="but_bool" class="button" onclick="butClick_bool()">bool类型</button>
        <button id="but_double" class="button" onclick="butClick_double()">double类型</button>
        <button id="but_str" class="button" onclick="butClick_str()">string类型</button>
        <button id="but_arr" class="button" onclick="butClick_arr()">array类型</button>
        <button id="but_obj" class="button" onclick="butClick_obj()">object类型</button> </br>
        
        <button id="but_Property" class="button" onclick="butClick_Property()">读取并修改Qt对象中的属性</button>
        <button id="but_enum" class="button" onclick="butClick_enum()">读取Q_ENUM标记的枚举</button>
        <button id="but_return" class="button" onclick="butClick_return()">调用带返回值的Qt函数</button>
    </div>
</body>
</html>
  • main.js
/**
 * 程序启动立即初始化
 */
window.onload = function()
{
    if(typeof qt != "undefined")
    {
        window.channel = new QWebChannel(qt.webChannelTransport, function(channel)
        {
            // 获取Qt注册的对象，Qt中registerObject注册的字符串
            window.core = channel.objects.CoreId;

            // 将函数showText和Qt信号toWeb***()绑定
            core.toWebBool.connect(function(msg)
            {
                showText(msg);
            });
            core.toWebDouble.connect(function(msg)
            {
                showText(msg);
            });
            core.toWebString.connect(function(msg)
            {
                showText(msg);
            });
            core.toWebJsonArray.connect(function(msg)
            {
                showText(msg);
            });
            core.toWebJsonObject.connect(function(msg)
            {
                showText(msg);
            });
        });
    }
    else
    {
        alert("qt对象未获取到！");
    }
}

/**
 * 显示Qt发给Web的信息
 * @param {*} msg 
 */
function showText(msg)
{
    var textEdit = document.getElementById("textAreaId");
    if(textEdit)
    {
        // 由于typeof 不能分辨出数组和对象，所以这里使用构造器来判断
        if(msg.constructor === Array)         // 数组类型
        {
            textEdit.value = textEdit.value + "Array：" + msg+ '\n';                    // 追加信息
        }
        else if(msg.constructor === Object)  // 对象类型
        {
            var str = msg.key1 + " " + msg.key2+ " " + msg.key3;
            textEdit.value = textEdit.value + "Object：" + str+ '\n';                   // 追加信息
        }
        else
        {
            textEdit.value = textEdit.value + typeof msg  + "：" + msg+ '\n';           // 追加信息
        }
        
        textEdit.scrollTop = textEdit.scrollHeight;             // 滚动条一直再最下方
    }
}

/**
 * html中按键点击时调用这个函数将信号发送给Qt
 */
function butClick_bool()
{
    core.on_toQtBool(true);    
}
function butClick_double()
{
    core.on_toQtDouble(123.321);    
}
function butClick_str()
{
    core.on_toQtString("Web 按键点击");    
}
function butClick_arr()
{
    var arr = [1, 2, "123"];
    core.on_toQtJsonArray(arr);   
}
function butClick_obj()
{
    var obj = {
        key1 : 123,
        key2 : 321.1,
        key3 : "abc"
    };
    core.on_toQtJsonObject(obj);   
}

/**
 * 点击按键后直接读取Qt中注册对象Core中使用Q_PROPERTY定义的属性值并修改
 */
function butClick_Property()
{
    var textEdit = document.getElementById("textAreaId");
    if(textEdit)
    {
        textEdit.value = textEdit.value + "Qt对象属性：" + core.value + '\n';              // 读取Qt中使用Q_PROPERTY定义的属性值
        textEdit.scrollTop = textEdit.scrollHeight;             // 滚动条一直再最下方
        core.value++;                                                                     // 修改Qt中使用Q_PROPERTY定义的属性值
    }
}

/**
 * 直接访问Qt中使用Q_ENUM标记的枚举
 */
function butClick_enum()
{
    var textEdit = document.getElementById("textAreaId");
    if(textEdit)
    {
        textEdit.value = textEdit.value + "Qt枚举值：" + core.CoreEnum.Value1 + '\n';  
        textEdit.scrollTop = textEdit.scrollHeight;             // 滚动条一直再最下方
    }
}

/**
 * 在javascript中调用Qt函数后【获取返回值】
 */
function butClick_return()
{
    core.on_returnValue(123, function(returnValue)  // 这里使用回调函数获取返回值
    {
        var textEdit = document.getElementById("textAreaId");
        if(textEdit)
        {
            textEdit.value = textEdit.value + "Qt函数返回值：" + returnValue + '\n';  
            textEdit.scrollTop = textEdit.scrollHeight;             // 滚动条一直再最下方
        }
    });
}
  • widget.h：注意，这里的 Core 类是Qt和Js通信的关键；
#ifndef WIDGET_H
#define WIDGET_H

#include <QJsonArray>
#include <QJsonObject>
#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    void showText(QString str);

private slots:
    void on_toQtBool(bool value)             ;
    void on_toQtDouble(double value)         ;
    void on_toQtString(QString value)        ;
    void on_toQtJsonArray(QJsonArray value)  ;
    void on_toQtJsonObject(QJsonObject value);

    void on_but_bool_clicked();

    void on_but_double_clicked();

    void on_but_str_clicked();

    void on_but_array_clicked();

    void on_but_object_clicked();

private:
    Ui::Widget *ui;
};

/**
 * @brief  Qt和Web端交互的中介单例类
 */
class Core : public QObject
{
    Q_OBJECT
    Q_PROPERTY(int value READ value WRITE setValue NOTIFY valueChanged)  // 定义一个属性，javascript可以读取属性值

public:
    enum CoreEnum
    {
        Value1 = 100,
        Value2
    };
    Q_ENUM(CoreEnum)    // 使用Q_ENUM标记的枚举，javascript可以直接访问

public:
    static Core* getInstance()
    {
        static Core core;
        return &core;
    }

    int value() {return m_value;}
    void setValue(int v) {m_value = v;}

signals:
    void valueChanged();
    /**
     * @brief     Qt发送给Web的信号
     * @param str
     */
    void toWebBool(bool value);
    void toWebDouble(double value);
    void toWebString(QString value);
    void toWebJsonArray(QJsonArray value);
    void toWebJsonObject(QJsonObject value);

    /**
     * @brief     Web发送给Qt的信号
     * @param str
     */
    void toQtBool(bool value);
    void toQtDouble(double value);
    void toQtString(QString value);
    void toQtJsonArray(QJsonArray value);
    void toQtJsonObject(QJsonObject value);

public slots:
    /**
     * @brief     Web端需要调用Qt槽函数来传递，必须声明为public slots，否则web找不到
     * @param str
     */
    void on_toQtBool(bool value)              {emit toQtBool(value);}
    void on_toQtDouble(double value)          {emit toQtDouble(value);}
    void on_toQtString(QString value)         {emit toQtString(value);}
    void on_toQtJsonArray(QJsonArray value)   {emit toQtJsonArray(value);}
    void on_toQtJsonObject(QJsonObject value) {emit toQtJsonObject(value);}

    /**
     * @brief        定义一个带有返回值的槽函数，javascript调用该函数后可以获取返回值
     * @param value
     * @return
     */
    QString on_returnValue(int value);
private:
    int m_value = 10;
};

#endif // WIDGET_H
  • widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include <QJsonDocument>
#include <QTime>
#include <qdir.h>
#include <qwebchannel.h>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setWindowTitle(QString("使用QtWebChannel实现Qt与Web通信交互（2），进阶功能 - V%1").arg(APP_VERSION));  // 设置窗口标题

    QWebChannel* channel = new QWebChannel(this);
    channel->registerObject("CoreId", Core::getInstance());  // 向QWebChannel注册用于Qt和Web交互的对象。

    ui->webEngineView->page()->setWebChannel(channel);       // 将与webEngineView要使用的web通道实例设置为channel
    ui->webEngineView->setUrl(QDir("./web2/webClient.html").absolutePath());

    // 绑定槽函数，接收web界面中javascript传递过来的信号
    connect(Core::getInstance(), &Core::toQtBool, this, &Widget::on_toQtBool);
    connect(Core::getInstance(), &Core::toQtDouble, this, &Widget::on_toQtDouble);
    connect(Core::getInstance(), &Core::toQtString, this, &Widget::on_toQtString);
    connect(Core::getInstance(), &Core::toQtJsonArray, this, &Widget::on_toQtJsonArray);
    connect(Core::getInstance(), &Core::toQtJsonObject, this, &Widget::on_toQtJsonObject);
}

Widget::~Widget()
{
    delete ui;
}

/**
 * @brief       显示发送的数据
 * @param str
 */
void Widget::showText(QString str)
{
    ui->textEdit->append(QString("发送：%1").arg(str));
}

/**
 * @brief       显示Web发送给Qt的数据
 * @param value
 */
void Widget::on_toQtBool(bool value)
{
    ui->textEdit->append(QString("Bool类型数据：%1").arg(value ? "true" : "false"));
}

void Widget::on_toQtDouble(double value)
{
    ui->textEdit->append(QString("double类型数据：%1").arg(value));
}

void Widget::on_toQtString(QString value)
{
    ui->textEdit->append(QString("QString类型数据：%1").arg(value));
}

void Widget::on_toQtJsonArray(QJsonArray value)
{
    QJsonDocument doc;
    doc.setArray(value);
    ui->textEdit->append(QString("QJsonArray类型数据：%1").arg(doc.toJson().data()));
}

void Widget::on_toQtJsonObject(QJsonObject value)
{
    QJsonDocument doc;
    doc.setObject(value);
    ui->textEdit->append(QString("QJsonArray类型数据：%1").arg(doc.toJson().data()));
}


/**
 * @brief 发送Bool类型数据
 */
void Widget::on_but_bool_clicked()
{
    static bool value = true;
    value = !value;
    emit Core::getInstance()->toWebBool(value);

    showText(QString("%1").arg(value ? "true" : "false"));
}

/**
 * @brief 发送double类型数据
 */
void Widget::on_but_double_clicked()
{
    double value = QTime::currentTime().msec() / 50.0;
    emit Core::getInstance()->toWebDouble(value);

    showText(QString("%1").arg(value));
}

/**
 * @brief 发送字符串类型数据
 */
void Widget::on_but_str_clicked()
{
    double value = QTime::currentTime().msec() / 50.0;
    emit Core::getInstance()->toWebString(QString("%1").arg(value));

    showText(QString("%1").arg(value));
}

/**
 * @brief 发送Json数组类型数据
 */
void Widget::on_but_array_clicked()
{
    double value = QTime::currentTime().msec() / 50.0;
    QJsonArray array = {value, value / 10.0, QString("%1").arg(value / 20.0)};
    emit Core::getInstance()->toWebJsonArray(array);

    QJsonDocument doc;
    doc.setArray(array);
    showText(QString("%1").arg(doc.toJson().data()));
}

/**
 * @brief 发送json对象类型数据
 */
void Widget::on_but_object_clicked()
{
    double value = QTime::currentTime().msec() / 50.0;
    QJsonObject obj;
    obj.insert("key1", value);
    obj.insert("key2", value / 30.0);
    obj.insert("key3", QString("%1").arg(value / 40.0));
    emit Core::getInstance()->toWebJsonObject(obj);

    QJsonDocument doc;
    doc.setObject(obj);
    showText(QString("%1").arg(doc.toJson().data()));
}

/**
 * @brief        带返回值的槽函数，将返回值传递给javascript
 * @param value
 * @return
 */
QString Core::on_returnValue(int value)
{
    qDebug() << "调用Qt槽函数，并返回值";
    return QString("调用成功：%1").arg(value);
}

5、源代码🥔

🌙｀、、｀ヽ｀ヽ｀、、ヽヽ、｀、ヽ｀ヽ｀ヽヽ｀
ヽ｀、｀ヽ｀、ヽ｀｀、ヽ｀ヽ｀、ヽヽ｀ヽ、ヽ
｀ヽ、ヽヽ｀ヽ｀、｀｀ヽ｀ヽ、ヽ、ヽ｀ヽ｀ヽ
、ヽ｀ヽ｀、ヽヽ｀｀、ヽ｀、ヽヽ 🚶‍♀ ヽ｀｀ヽ｀

mahuifa
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Qt 与 JavaScript 网页端 通信和调用
LearnLHC的博客
01-07 626
前言 主要使用 QWebEngineView 与 QWebChannel 来实现于 JavaScript 的交互 【注】： 需要 qwebchannel.js 文件，放在 .html 文件 同级目录下 一、Qt 与 JS 交互： 1、main.cpp #include "QtBaiduMapDialog.h" #include "QtJavascriptCommunication.h" #include <QtWidgets/QApplication> #include &.
QT：用QWebSocket实现webchannel，实现C++与HTML通信
07-19
基本原理是通过channel将C++对象暴露给HTML，在HTML中调用qwebchannel.js。前提是建立transport，QT只提供了一个抽象基类QWebChannelAbstractTransport。
qt-opensource-linux-x64-5.12.12.run
07-12
qt-opensource-linux-x64-5.12.12.run Qt（官方发音 [kju:t]，音同 cute）是一个跨平台的 C++ 开发库，主要用来开发图形用户界面（Graphical User Interface，GUI）程序，当然也可以开发不带界面的命令行（Command User Interface，CUI）程序。 Qt 是纯 C++ 开发的，所以学好 C++ 非常有必要，对于不了解 C++ 的读者，我建议先阅读《C语言教程》，再阅读《C++教程》。C++ 是在C语言的基础上发展起来的，学完C语言就学了 C++ 的一半了。 Qt 还存在 Python、Ruby、Perl 等脚本语言的绑定， 也就是说可以使用脚本语言开发基于 Qt 的程序。开源社区就是这样，好东西就会被派生扩展，到处使用， 越来越壮大。 Qt 支持的操作系统有很多，例如通用操作系统 Windows、Linux、Unix，智能手机系统 Android、iOS、WinPhone， 嵌入式系统 QNX、VxWorks 等等。
qt-material-widgets：基于Qt小部件的Material Design规范实现
02-04
qt-material-widgets：基于Qt小部件的Material Design规范实现
c++/qt通过QWebChannel与JS/html网页端交互通信
最新发布
weixin_45074487的博客
03-28 547
1、需要从网上下载两个文件2、QWebChannel注册通信通信类对象名:“MyWebTransPort”，js调用这个名进行通信;3、js发送数据至c++调用函数：void RecvTextFromJs(const QString &text);c++发送数据至js调用函数：void SignalSendToJs(QString text);4、js/html网页作为客户端，c++/qt启动本地服务器作为服务端进行通信；**
QT5.9 利用 QWebEngineView / QWebChannel 调用JS程序实现QT与HTML网页数据交互，加载百度地图并与地图交互数据
03-04
QT5.9 利用 QWebEngineView / QWebChannel 调用JavaScript 实现QT与HTML网页数据交互， 实现QT加载百度地图并与地图交互数据 。 实现功能： 1.QT通过QWebEngineView模块加载百度地图，通过QWebChannel 调用JS函数实现与地图数据交互。 2.点击pushButton按钮QT会调用JS函数在地图页做标注，通过上面两个输入框输入经纬度（c++调用JS）。 3.鼠标点击地图页后会提示点的坐标信息，并回传给QT，通过qDebug()显示（JS调用C++）。 详细说明： https://blog.csdn.net/qq_43569273/article/details/88122422
一套PYQT-web混合开发的NATIVE框架
weixin_44247218的博客
04-30 3324
PYQT_VUE_NATIVE框架 介绍 数据交互方式: QWebChannel，web框架: vue-element-admin，QT框架 QWebEngineView web框架 通过QWebChannel封装的组件 调用QT程序, QT 通过信号返回给前端。 通过此框架，前端与PYQT的交互会非常简单!，可以轻易的进行混合开发 项目地址 QT端pyqt_vue_native，下载后可直接运行main.py，web页面已打包进去了 web端pyqt-vue 开发模式和流程 组件式的开发 结构如下
QWebChannel vue中的客户端通信
lqins的博客
03-20 996
找了一圈的QWebChannel 在vue项目中的使用，似乎都不是很友好，要么是版本要么是报各种奇奇怪怪的错误。这次项目是vue2.0的版本开发的大屏项目，地图上的播放使用了QC通讯，那在前端这块该如何使用呢？首先我是根据官方的 channelDemo 去改，先在本地跑一遍官方demo的html。首先引入--注意地址。
Qt与Web混合开发：实现双向通信
bmseven的博客
07-18 6424
QWebChannel填补了C++应用程序和HTML/JavaScript应用程序之间的空白。通过将QObject派生对象发布到QWebChannel并在HTML中引用qwebchannel.js脚本。在HTML端，可以透明地访问QObject的属性、公共槽和方法。无需手动传递消息和数据序列化，C++方面的属性更新和信号发射将自动传输到可能远程运行的HTML客户机。在客户端，将为任何发布的C++ QObject创建JavaScript对象。它镜像C++对象的API，因此可以直观地使用。
浅谈QWebChannel、QWebChannelAbstractTransport、QWebSocketServer、QWebSocket用法及之间关系
danshiming的博客
02-26 2006
简谈QWebChannel、QWebChannelAbstractTransport、QWebSocketServer、QWebSocket用法及之间关系
QWebChannel示例学习，Qt与网页交互
龚建波
04-30 7409
0.简述 QWebSocket配合QWebChannel，可以将QObject暴露给HTML客户端。如Qt文档所述，通过将QObject派生对象发布到QWebChannel并在HTML端使用qwebchannel.js，可以透明的访问QObject的属性和public槽/方法。不需要手动消息传递和数据序列化，C++端的属性更新和信号发射会自动传输到可能远程运行的HTML客户端。在客户端，将为任何...
QT缺少webenginewidgets和webchannel库
BISTU_theRookie的博客
03-17 6439
一、问题描述 开发环境：ubuntu18.04 QT5.9 在 .pro文件中写入 QT+=webenginewidgets QT+=webchannel 报错，显示这两个库不存在 二、原因分析 缺少QWebEngineView类 三、解决方法一 参考链接: Qt无法使用webengineview的解决方案. 直接使用apt-get下载 即在终端中执行下面两句命令 sudo apt-get in...
Qt-Advanced-Docking-System：Qt的高级扩展坞系统
01-29
Qt Advanced Docking System允许您使用功能齐全的窗口停靠系统创建可自定义的布局，该系统类似于许多流行的集成开发环境（IDE）（例如Visual Studio）中的功能。 新的和值得注意的 增加了以下功能： 支持Qt6。 ...
QT应用程序与web页面通信
10-28
QT应用程序与嵌入浏览器web页面通信源代码，相互发送/接收数据。
基于Qt WebChannel实现QT与HTML页面通信
01-13
最近，C++和WEB本地混合应用开发模式逐渐流行起来，个人也认为标记语言描述的界面是界面开发的一个发展趋势。...基于Html的界面在开发效率，可移植性上都十分有优势，所以...本例实现基于Qt WebChannel 的QT与HTML页面通信
QT-virtual-instrument:基于QT的串口通信的虚拟飞行器仪表
04-30
QT-virtual-instrument 等待补充
QT http client 封装
华琳科技的专栏
07-19 746
功能支持： 1、同步get请求 2、同步post请求 3、异步get请求 4、异步post请求 源码： Httpclient.h #pragma once /************************************************************************ *作者：wujianhua *时间：2021/06/17 *类介绍：HTTP 客户端类 ********************************************
QWebEngine 之 C++与Js通信
wjjontheway的专栏
12-14 4208
文章目录QWebEngine 之 C++与Js通信Qt 嵌入式网页技术QWebChannel简介js 与 C++ 互相调用js 向C++传递参数从C++端传递参数到js端使用信号传递数据C++直接调用Js方法 QWebEngine 之 C++与Js通信 Qt 嵌入式网页技术 在传统的Widget中嵌入支持H5 和 js 技术的控件 对于client中的JS本质来说，Qt WebEngine主要是提供了一个JS的宿主环境- Chromuim项目下的v8引擎。另外在Qt提供的web渲染引擎是Chromuim
打通 C/C++与JavaScript通信 快速开发Electron桌面应用
ruglcc's blog
07-18 5797
小拉实际工作中，有时需要开发串口、网络等工具类上位机桌面应用软件，业务逻辑通常是C、C++开发的，当然使用QT、MFC等技术来开发，怎奈羡慕前端做界面又美观、又速度，有大量的UI框架，图表库使用。笔者找到了一条解决方案业务逻辑由C/C++实现，界面由纯html5实现,应用QWebchannel打通C++与JS的通信。..................
手动安装libvtk6-dev 与libvtk6-qt-dev
06-06
您可以按照以下步骤手动安装libvtk6-dev与libvtk6-qt-dev： 1. 打开终端，输入以下命令以更新软件包列表： ``` sudo apt-get update ``` 2. 安装libvtk6-dev： ``` sudo apt-get install libvtk6-dev ``` 3. 安装libvtk6-qt-dev： ``` sudo apt-get install libvtk6-qt-dev ``` 4. 等待安装完成后，您可以通过以下命令检查vtk版本： ``` vtk6-config --version ``` 如果输出版本号，则表示vtk已成功安装。 请注意，这些命令可能需要管理员权限，因此您可能需要在命令前面加上“sudo”。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mahuifa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值