項目處于積極開發階段 歡迎前端大佬pr

基于 go 語言 使用 wails框架, 支持 window macos linux 等系統.

項目地址

主倉庫 https://github.com/duolabmeng6/GoEasyDesigner

鏡像倉庫 https://gitee.com/duolabmeng666/go-easy-designer

在線體驗

沒錢買服務器所以都是白嫖 pages 國內打不開就換一個地址唄

https://g.yx24.me

https://gg.yx24.me

https://ggg.yx24.me

https://goeasy.onrender.com

https://go-easy-designer.vercel.app

畫好界面點保存,會下載2個文件 設計文件.json,輔助代碼.js`

注意你的瀏覽器允許下載多個文件的權限

下載本項目的代碼找到 wails-demo復制出來.

wails-demo/frontend/src/窗口/設計文件.json

wails-demo/frontend/src/窗口/輔助代碼.js

運行項目 就可以看到你設計好的界面了.

cd wails-demo
wails dev

想要更好的無縫使用體驗下載客戶端程序.

項目進度

• [x] 兼容 window  macos  linux
• [x] 完成整體界面布局以及整體功能流程，界面繪制，屬性修改，組件拖拽、雙擊組件跳轉到對應的事件函數
• [ ] 組件庫完善中
• [ ] 繪制布局容器體驗完善中
• [ ] 集成go語言開發環境完善中

運行環境

請按順序安裝好

1.安裝 go 語言

https://golang.org/dl/

2.安裝 node 環境

https://nodejs.org/zh-cn/download/

安裝vite npm create vite@latest

3.安裝 wails

https://wails.io/zh-Hans/docs/gettingstarted/installation/

go install github.com/wailsapp/wails/v2/cmd/wails@latest

安裝成功后，運行 wails 命令，有內容輸出即為安裝成功。

4.下載本項目

該目錄為設計好的界面最終運行的環境你的代碼也將在這里編寫

將這個目錄復制出來 GoEasyDesigner/wails-demo

wails 同時調試前端和后端

cd wails-demo
wails dev

5.下載 GoEasyDesigner

下載最新版本: https://github.com/duolabmeng6/GoEasyDesigner/releases

直接運行即可

設計好的界面數據保存在這里

wails-demo/frontend/src/窗口/設計文件.json

6. webstorm IDE代碼跳轉插件

想體驗雙擊組件自動跳轉到對應函數 請在webstorm中安裝 QtEasyDesigner 插件,在本項目的文件中，

安裝后在IDE編輯器中右鍵看到 配置 QtEasyDesigner

macos填寫路徑

/Applications/GoEasyDesigner.app/Contents/MacOS/GoEasyDesigner

window填寫exe的路徑

C:\GoEasyDesigner\GoEasyDesigner.exe

后續使用的話 打開 設計文件.json 在編輯器中右鍵  打開 QtEasyDesigner 界面就出來了

js代碼使用 webstorm ide 絕大部分編寫代碼都應該在 js中編寫,如果js無法實現的再調用go代碼

go代碼使用 goland IDE 編寫 一般情況下代碼寫在 app.go 中

開發請看

運行 GoEasyDesigner

wails 同時調試前端和后端

cd GoEasyDesigner
wails dev

如果調試前端可以這樣

cd GoEasyDesigner\frontend
vite 

在ide中調試需要以下配置

構建軟件包 changeme

工作目錄 /Users/ll/Documents/GitHub/GoEasyDesigner/GoEasyDesigner 改成你的路徑

環境變量 CGO_LDFLAGS=-framework UniformTypeIdentifiers 這個macos需要 window不需要

go工具實慘 -tags dev -gcflags "all=-N -l"

程序實參(可選) 文件路徑=/Users/ll/Documents/GitHub/GoEasyDesigner/wails-demo/frontend/src/窗口/設計文件.json port=8080 這是配合ide插件的port是插件的端口

現在可以在 app.go 中下斷點調試了.

wails-demo 為模板項目

保存界面數據到這里

wails-demo/frontend/src/窗口/設計文件.json

運行 就可以看到效果了

cd wails-demo
wails dev

對這個項目有興趣 可以一起交流的QQ群是 927427009

大部分代碼都是js的代碼前端項目是vue3項目.

希望有更多熱愛易語言,熱愛編程的小伙伴一起發光發熱.為愛發電~歡迎pr

開發指南針視頻教程 https://www.bilibili.com/video/BV1ou4y1r7WS