Electron vue客戶端開發總結

2021-10-09 20:29:18 字數 1157 閱讀 9164

最近做了electron-vue相關的客戶端開發

做出了如下總結:

利用new browserwindow()方法建立視窗物件

能滿足開發專案的視窗屬性有

win = new browserwindow(,

})

如果想把客戶端視窗頂部選單去掉

在webpreferences同級節點加上

frame: false,// 去除頂部操作按鈕

自定義最小化、最大化、關閉視窗按鈕功能實現:

在主程序中寫入以下**段

// 控制視窗大小以及關閉

ipcmain.on('close', () => )

// 視窗最小化

ipcmain.on('tominimize', () => )

// 視窗最大化和還原

ipcmain.on('tomaximize', () => else

})

如果想拖拽視窗利用如下方法:

首先在vue的main.js中引入electron的ipcrenderer

vue.prototype.$electron = window.require('electron').ipcrenderer
設定公用vue元件為視窗頂部,id為web-top

在mounted中寫入

let _this = this;

dragelement(document.getelementbyid(("web-top")));

function dragelement(elmnt) else function dragmousedown(e)

function elementdrag(e)

function closedragelement()

}

在主程序中寫入

// 拖拽調整視窗位置

ipcmain.on('changewinposition', (event, arg) => )

})

瘦客戶端 胖客戶端 智慧型客戶端

胖客戶端模式將應用程式處理分成了兩部分 由使用者的桌面計算機執行的處理和最適合乙個集中的伺服器執行的處理。乙個典型的胖客戶端包含乙個或多個在使用者的pc上執行的應用程式,使用者可以檢視並運算元據 處理一些或所有的業務規則 同時提供乙個豐富的使用者介面做出響應。伺服器負責管理對資料的訪問並負責執行一些...

胖客戶端 瘦客戶端和富客戶端

以c s結構開發的網路應用程式,需要為客戶端開發專用的客戶端軟體,相對而言其客戶端比較龐大,在客戶端可以實現很多功能,分擔伺服器的負擔,屬於胖客戶端型別。以b s結構開發的web應用,其客戶端只是乙個瀏覽器,所有業務邏輯由伺服器端進行處理,相對而言客戶端比較瘦小,故稱為瘦客戶端。目前比較流行的一種開...

非同步客戶端和同步客戶端

先寫下我的理解,方便後邊閱讀資料校驗。一 同步客戶端 比如乙個連線有兩個請求,請求1 和 請求2,請求1 先發起請求,請求2後發起請求,則請求2 要等待請求1 響應完成才能接收到響應。舉個棗子,httpclient 傳送get請求,執行緒會一致阻塞,直到有響應結果。二 非同步客戶端 比如乙個連線有兩...