QT 結合html和JS做頁面展示

2021-08-24 17:33:48 字數 1110 閱讀 4990

最近需要用qt 去統計一些資料展示在介面上,如果去呼叫qt 庫繪製的話,動畫效果不好,樣式還的調整,需要研究的東西還挺多,原來做過echart的東西,就想著webview空間,直接載入html介面,再通過js 呼叫qt的槽函式來處理

下面是主要的**實現

//通訊類

class jscontext : public qobject

void setqjsonarray(const qjsonarray &text);

void setqjsonobject(qjsonobject text);

void setarminfo();

signals:

void textchanged(const qjsonarray &text);

private:

qjsonarray m_arminfo; };

void jscontext::setarminfo()

void jscontext::setqjsonobject(qjsonobject text)

bool flag = false;

for (int i = 0; i < m_arminfo.count(); i++) }

if (!flag)

}

// 介面視窗類

class tdstatisticaltablewidget : public qdockwidget

;

tdstatisticaltablewidget::tdstatisticaltablewidget(qdockwidget *p)

:qdockwidget(p)

// 視窗初始化

基本上qt端的核心**就這些,剩下的根據業務進行計算的就不貼出來了

js端的實現

index.html 的 header需要引入的js

index.html 的 body需要引入的js 這裡圖示比較多

main.js **太多,就不貼出來了

html結合qt混合ui互動架構

qwebkit為c 和html建起了乙個溝通的橋梁,讓軟體的底層開發和ui的開發解耦,只要底層的api足夠穩定強大,那ui的開發就算變化多端都會很輕鬆了 對於qt c 開發者來說,不用編譯了.同時可以即時更新ui,或者淘汰舊的版本 更換服務端的html即可 或者增加js統計.等等,全球資訊網之所以有...

HTML和CSS結合使用

第一種方式 在標籤的style屬性上設定 key value value 修改標籤樣式標籤一 缺點 1.量龐大 2.可讀性差 3.css 沒什麼復用性可言 第二種方式 在head標籤中,使用style標籤定義自己的需求的css樣式 標籤一 標籤二缺點 1.只能在乙個頁面內復用 2.維護起來不方便,實...

CSS和JS結合控制樣式

css控制樣式,毋庸置疑。但有時,僅靠css卻很難控制好,比如說,頁面在多種條件下進行不同的呈現 或者執行過程中,會發生變化,比如說,左側的選單欄收縮了,那麼右側的寬度就變大了。就拿這個元素的width height來說,頁面變了,預先設定的值就不合適 甚至乎,從一開始,你就不知道該預先設定什麼值,...