99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話：13121318867

登錄
首頁精彩閱讀再見 Python，你好 Electron?。ㄈ腴T篇）
再見 Python，你好 Electron！（入門篇）
2021-10-14
收藏

來源：AirPython

作者：星安果

再見 Python，你好 Electron！（入門篇）

1. 前言

大家好，我是安果！

平常如果我們想利用 Python 進(jìn)行桌面端應(yīng)用開發(fā)，常用的 3 種方案是：Tkiner、wxPython、PyQt

其中，Tkiner 作為 Python 自帶的 GUI 標(biāo)準(zhǔn)依賴庫，簡單、輕便、易學(xué)，但它在布局及外觀上沒那么靈活

wxPython 是另外一款開源、免費(fèi)、跨平臺(tái)的 GUI 開發(fā)庫，它內(nèi)部也提供了大量的組件，代碼簡潔方便，缺點(diǎn)是界面美觀性不如人意

PyQt 同樣支持跨平臺(tái)，它的功能最為強(qiáng)大，內(nèi)部封裝了大量了組件，可以借助可視化工具完成中大型項(xiàng)目的開發(fā)，但是易學(xué)難精通，并且商用上是付費(fèi)使用的

如果又要保證開發(fā)效率，又要保證界面美觀，Python GUI 開發(fā)方式顯得沒有什么優(yōu)勢(shì)了

從本篇文章開始，我將通過一系列文章介紹另外一款強(qiáng)大的桌面應(yīng)用開發(fā)框架，即：Electron

2. Electron 介紹及準(zhǔn)備

Electron 是一款開源、跨平臺(tái)、使用 Web 技術(shù)開發(fā)桌面應(yīng)用的開發(fā)框架

它內(nèi)部基于 Node.js 和 Chromium，讓我們可以使用 HTML、CSS、JS 快速構(gòu)建桌面應(yīng)用

在實(shí)戰(zhàn)之前，我們需要在本機(jī)安裝配置 Node.js，推薦安裝 LTS 版本

然后，使用 npm 安裝 Yarn 包管理工具

# 全局安裝yarn
npm config set registry
https://registry.npm.taobao.org
npm install -g yarn
# 查看yarn版本號(hào)
yarn -v

3. 實(shí)戰(zhàn)一下

下面我們以官網(wǎng)提供的例子來快速跑一個(gè) Hello World

首先，我們從 Github 將源碼下載到本地

然后使用 VS Code 打開項(xiàng)目

其中項(xiàng)目下的主要文件如下：

  • main.js主進(jìn)程
  • preload.js預(yù)處理邏輯
  • index.html渲染進(jìn)程，默認(rèn)展示的頁面信息
  • renderer.js渲染進(jìn)程的業(yè)務(wù)邏輯

接著根據(jù) package.json 文件，使用 npm 命令安裝依賴

# 安裝依賴
npm install

最后，運(yùn)行下面的命令啟動(dòng)項(xiàng)目

# 運(yùn)行項(xiàng)目
npm start

4. 最后

運(yùn)行上面的項(xiàng)目，就能生成一個(gè)最簡單的 Hello World 桌面應(yīng)用

很明顯，從項(xiàng)目結(jié)構(gòu)分層上能夠發(fā)現(xiàn)，使用 Electron 開發(fā)桌面端的應(yīng)用更加高效，另外通過 CSS 樣式，界面美觀性、靈活性都有很大的提升

數(shù)據(jù)分析咨詢請(qǐng)掃描二維碼

若不方便掃碼，搜微信號(hào)：CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請(qǐng)輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請(qǐng)輸入正確的'+oInput.attr('placeholder')+'！'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }