工具箱桌面客户端产品系统Vibe Coding

我要开发同款
Ziki2026年10月13日
3阅读

技术信息

语言技术
Vue、TypeScript、ElementUI、Go
系统类型
Windows
行业分类
开发工具

作品详情

行业场景

工具箱的移动端 H5 解决的是「随手用」,但有些活在大屏上明显更顺手:批量生成几十篇文档时要盯着进度、运维要看服务器和网站的表格、查账要按月翻流水。
立项原因是把工具箱的能力搬到一个真正的桌面应用里 —— 不用开浏览器、不用记地址,双击就是一个独立窗口;并且按桌面的习惯重新设计交互,而不是把手机界面等比放大。
典型场景:办公室里的运维一边开着网站列表一边改配置;批量生成完文档直接从窗口打开文件夹;盯盘时把窗口缩在屏幕角落一直挂着。

功能介绍

把服务端的全部业务能力做成了 Windows 桌面应用:
· AI 对话与批量文档生成(SSE 流式回复、Word/PDF/PPT/Excel 导出)
· 宝塔面板运维(系统状态、网站、数据库、文件、计划任务、防火墙、备份)
· 记账(账本、账户、收支、转账、预算、周期账目、统计报表)
· 股票(持仓、交易、每日收益、消息历史、打新登记)
· 教室喊话、文件管理、日志、用户与角色管理
【与 H5 版的差别】
业务语义与文案完全一致,交互按桌面端重做:
· 表格 + 分页,代替无限滚动
· 多栏布局,代替底部弹层
· 键盘操作与右键菜单
· 图表用 Chart.js 直接画在窗口里

项目实现

技术栈:Wails v2(Go 1.25)+ Vue 3 + TypeScript + Vite + Element Plus。
三个实现要点:
1、前端不打包进 exe——安装包只装外壳,页面从服务器加载。改完前端传上去,所有人的客户端下次打开就是新版,exe 一个都不用重发;也避免了「谁的客户端还停在旧版本」这种问题。
2、Go 侧做反向代理——把页面和接口都代理到窗口内的本地地址,为的是前后端同源:客户端不用操心 CORS,令牌也不必为了下载文件而摊到 URL 上。服务端接口一行没改,前端和 H5 版共用同一套 API 层。
3、交互按桌面端重做——同一份业务语义,H5 用无限滚动 + 底部弹层,桌面端换成表格分页 + 多栏布局 + 键盘与右键操作。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论