概述
南平ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!What is Electron?
Electron是一個(gè)使用JavaScript、HTML和CSS構(gòu)建跨平臺(tái)桌面應(yīng)用程序的框架。 您可以將Electron與純JavaScript或您選擇的JavaScript框架一起使用:
React
Angular
Vue
構(gòu)建一個(gè)簡單的Electron應(yīng)用程序
要?jiǎng)?chuàng)建基本的Electron應(yīng)用程序,請(qǐng)按照下列步驟操作:
git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start您應(yīng)該看到如下所示的Hello World應(yīng)用程序:
將JavaScript UI控件(WijmoJS)添加到應(yīng)用程序
要將WijmoJS添加到應(yīng)用程序,請(qǐng)先安裝它。在命令提示符下,進(jìn)入app文件夾(electron-quick-start)并鍵入:
npm install Wijmo接下來,使用VS Code或您喜好的編輯器打開index.html文件,并添加以下內(nèi)容:
We are using Node.js , Chromium , and Electron .
在這一步中,我們?yōu)閮蓚€(gè)WijmoJS控件添加了一些樣式和主題元素。接下來,打開“renderer.js”文件并按如下所示進(jìn)行編輯:
// This file is required by the index.html file and will // be executed in the renderer process for that window. // All of the Node.js APIs are available in this process. // import Wijmo var wjCore = require('./node_modules/wijmo/wijmo.js'); var wjGrid = require('./node_modules/wijmo/wijmo.grid.js'); var wjChart = require('./node_modules/wijmo/wijmo.chart.js'); // set the Wijmo license key var key = 'GrapeCity-Internal-Use-Only,…'; wjCore.setLicenseKey(key); // create the controls var theGrid = new wjGrid.FlexGrid('#theGrid', { itemsSource: getData() }); var theChart = new wjChart.FlexChart('#theChart', { itemsSource: theGrid.itemsSource, bindingX: 'country', series: [ { name: 'Sales', binding: 'sales' }, { name: 'Expenses', binding: 'expenses' }, { name: 'Downloads', binding: 'downloads' }, ] }); // get some random data function getData() { var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','), data = []; for (var i = 0; i < countries.length; i++) { data.push({ country: countries[i], sales: Math.random() * 10000, expenses: Math.random() * 5000, downloads: Math.round(Math.random() * 20000), }); } return new wjCore.CollectionView(data); }實(shí)現(xiàn)這段代碼首先需要三個(gè)WijmoJS模塊:WijmoJS Core,Grid和Chart。 (它設(shè)置了WijmoJS許可證密鑰,因此應(yīng)用程序在運(yùn)行時(shí)不會(huì)顯示水印。如果您沒有許可證密鑰,請(qǐng)?zhí)^此步驟,應(yīng)用程序仍將運(yùn)行,但會(huì)顯示水印元素)
如果您在此之前已經(jīng)安裝了許可證密鑰,則不需要特定域。WijmoJS電子應(yīng)用程序會(huì)從文件或本地主機(jī)協(xié)議運(yùn)行,因此任何有效的WijmoJS密鑰都將起作用,無論用于生成它的域是什么。
最后一步是創(chuàng)建WijmoJS控件并將它們綁定到數(shù)據(jù)源。 在此示例中,網(wǎng)格和圖表綁定到同一數(shù)據(jù)源。
運(yùn)行Electron應(yīng)用程序
像以前一樣運(yùn)行應(yīng)用程序!
npm start這次你會(huì)看到這個(gè):
由于表格和圖表綁定到相同的數(shù)據(jù),因此您對(duì)網(wǎng)格所做的任何更改(如編輯單元格或排序列)都將自動(dòng)應(yīng)用于圖表。
現(xiàn)在,請(qǐng)下載WijmoJS,享用WijmoJS JavaScript控件的Electron應(yīng)用程序吧。
關(guān)于WijmoJS:
快如閃電,觸控優(yōu)先。純前端控件集 WijmoJS,為您的企業(yè)應(yīng)用提供更加靈活的操作體驗(yàn),在全球率先支持 AngularJS,并×××能卓越、零依賴的 FlexGrid 和金融圖表等多個(gè)控件,為您提供易用、輕松的操作體驗(yàn),全面滿足開發(fā)所需。
關(guān)于葡萄城:
賦能開發(fā)者!葡萄城公司成立于 1980 年,是全球領(lǐng)先的集開發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計(jì)工具于一身的軟件和服務(wù)提供商。西安葡萄城是其在中國的分支機(jī)構(gòu),面向全球市場(chǎng)提供軟件研發(fā)服務(wù),并為中國企業(yè)的信息化提供國際先進(jìn)的開發(fā)工具、軟件和研發(fā)咨詢服務(wù)。葡萄城的控件和軟件產(chǎn)品在國內(nèi)外屢獲殊榮,在全球被數(shù)十萬家企業(yè)、學(xué)校和政府機(jī)構(gòu)廣泛應(yīng)用。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。