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