什么是可視化軟件?
可視化工具是VisualStudio調(diào)試器用戶界面的一個(gè)組件。Visualiz
前端html和js可以做什么?
最基礎(chǔ)的就是開發(fā)網(wǎng)頁。html編寫網(wǎng)頁,js實(shí)現(xiàn)網(wǎng)頁的交互效果。此外,還可以開發(fā)桌面GUI程序。下面我簡單介紹一下如何使用htmljs開發(fā)一個(gè)簡單的桌面程序:
1.為了更好地說明這里的問題,我創(chuàng)建了一個(gè)新的html文件,這是一個(gè)簡單的登錄頁面。源代碼如下,很簡單,就是兩個(gè)輸入框和一個(gè)登錄按鈕:
瀏覽器操作的效果如下:
2.然后,您可以將這個(gè)html頁面打包成桌面應(yīng)用程序。這里需要用到nodejs的電子函數(shù)。我來詳細(xì)介紹一下主要步驟和截圖:
首先你需要安裝本地節(jié)點(diǎn)環(huán)境,可以直接從官網(wǎng)下載。如下,您可以選擇適合您平臺的版本:
安裝完成后,需要下載兩個(gè)包,electronic和electronic-packager,下面的打包需要使用這兩個(gè)包來命令"NPM安裝電子包裝機(jī)",如下所示:
然后新建一個(gè)文件夾,拖拽剛才的html文件,同時(shí)創(chuàng)建package.json文件和main.js文件,如下:
package.json文件配置如下,主要表示應(yīng)用程序名稱、版本號和包配置文件:
main.js文件的配置如下。在這里,您需要指明打包程序的入口文件。網(wǎng)上還有詳細(xì)的配置流程:
最后,它是時(shí)候打包程序了,命令"app-win-outappdir-archx64-electron-version3.0.10-overwrite"速度非常快。這里主要需要指定打包的應(yīng)用程序名稱、輸出目錄、版本號、位數(shù)等。
然后你可以在輸出目錄AppDir中找到打包的應(yīng)用程序APP.exe,直接雙擊打開。截圖如下,類似瀏覽器效果:
至此,我們已經(jīng)使用htmljs完成了一個(gè)簡單的桌面GUI程序的開發(fā)。總的來說,整個(gè)過程并不難,只是步驟有點(diǎn)復(fù)雜,只要熟悉就行。下載上面的配置流程,操作幾次,很快就能掌握了。當(dāng)然也可以用htmljs開發(fā)移動應(yīng)用,比如HBuilder等。網(wǎng)上也有相關(guān)教程和資料,非常詳細(xì)。有興趣的可以搜一下。希望以上分享的內(nèi)容能對你有所幫助,也歡迎大家評論和留言。