这是一篇偏长的实战复盘。读完你能 clone 到一套完全开源、MIT 许可证、双仓库公开的项目:微信小程序前端 + 独立管理后台 + Spring Boot 4 后端,自带 20 余首示例曲谱、HLS 教学视频和管理端全套 CRUD。更重要的是,它的分层结构不绑定"曲谱"这一种业务——把内容模型换掉,它就是一套通用的内容发布系统骨架。
一、为什么写这个项目,以及它开源到什么程度
电吹管(electronic pipe)爱好者找谱、存谱、学视频,长期散在微信群和零散表格里。我想做一个窄而完整的产品:曲谱搜索、浏览、收藏、下载、看教学视频,收进一个小程序,再配一个管理后台让运营方维护内容。
关于"开源"这件事,这里说清楚边界:
- 代码 100% 公开,MIT 许可证,可商用、可改、可再发布;
- 双仓库公开:Gitee 与 GitHub 均为 public,默认分支 main;
- 不含任何密钥或私钥,默认管理员密码
admin123仅用于本地演示; - 仓库即文档:README 已嵌入 7 张真实运行截图,clone 后在本地就能跑起来看效果。
开源地址:
- Gitee:https://gitee.com/liuchangng/electronic-pipe-miniapp
- GitHub:https://github.com/liuchangng/electronic-pipe-miniapp
二、技术架构:追平 2026 主流全栈最新稳定线
这个项目没有用老一套 Spring Boot 2 + JDK 8,而是直接站在当前较新的稳定主版本线上。选型表如下:
| 层 | 选型 | 版本 | 为什么是这条线 |
|---|---|---|---|
| 小程序前端 | uni-app(Vue3 + Vite5 + TS) | latest | 一份代码发微信小程序 / H5,避免双端维护 |
| 管理端 | Vue3 + Naive UI + Vite5 | latest | 后台交互密集,Naive UI 组件全、类型友好 |
| 后端 | Spring Boot | 4.1.1 | 当前最新主版本,内建虚拟线程与 Jackson 3 |


2万+

被折叠的 条评论
为什么被折叠?



