[Go] 開發Web使用者介面套件: Vugu

Vugu
https://github.com/vugu/vugu

Vugu:後端要搶前端程式師的飯碗了?[每日前端夜話0x99]
https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247487049&idx=1&sn=5ff80691fb14a576fb3af3db7bc14e48

Vugu 是一個 Go語言開發庫,可以很容易地使用 Go 語言編寫 Web 使用者介面。其基本思路如下:
1. 在 .vugu 檔中編寫 UI 組件。這些檔類似於你在 JavaScript 框架中看到的 UI 元件(例如 .vue 文件)。但是它們不包含 JavaScript,而是包含用於 if、for 和其他類似的 Go 語言運算式。

2. 每個 .vugu 檔都被轉換為對應的 .go 文件。Vugu 專案中有一個開發伺服器,可以在頁面重新載入時自動執行此操作,或者用 vugugen 命令列工具與 go generate 集成。代碼生成還嘗試在需要時提供合理的預設值,以便 .vugu 檔包含盡可能少的樣板,同時也然允許進行大量的自訂。

3. 你的專案被編譯為 WebAssembly 模組並在流覽器中運行。同樣,開發伺服器在啟動專案時也很容易。隨著專案的發展,你需要自訂此過程的一部分,不過這些可以輕鬆的完成。

4. Vugu庫(包:github.com/vugu/vugu)提供了在網頁上將 HTML DOM 的功能有效同步到 .vugu 檔中的標記。同時支援附加 DOM 事件處理(按一下等)和將大頁面分解成元件等功能。


#Go, Vugu, ui, webassembly, html, dom

留言