一个类似 Trello 的看板任务管理应用,支持任务拖拽、实时同步。
- 📋 三列看板布局(Todo / Doing / Done)
- 🖱️ 拖拽任务在列之间移动
- ➕ 创建、编辑、删除任务
- 💾 PostgreSQL 数据持久化
- 🎨 现代深色主题 UI(Element Plus)
- 🐳 Docker 一键部署
| 层级 | 技术 |
|---|---|
| 前端 | Vue 3 + Vite + Element Plus + vuedraggable |
| 后端 | Golang + Gin + GORM |
| 数据库 | PostgreSQL 15 |
| 部署 | Docker Compose |
- Docker & Docker Compose
# 克隆仓库后,在项目根目录执行
docker compose up --build- 前端界面: http://localhost:3000
- 后端 API: http://localhost:8080/api/tasks
├── frontend/ # Vue 3 前端
│ ├── src/
│ │ ├── components/ # Vue 组件
│ │ ├── api/ # API 客户端
│ │ └── assets/ # 样式资源
│ ├── Dockerfile
│ └── nginx.conf
├── backend/ # Golang 后端
│ ├── config/ # 数据库配置
│ ├── handlers/ # API 处理器
│ ├── middleware/ # CORS 中间件
│ ├── models/ # 数据模型
│ └── Dockerfile
├── database/ # 数据库初始化
│ └── init.sql
└── docker-compose.yml
| 方法 | 路径 | 描述 |
|---|---|---|
| GET | /api/tasks |
获取所有任务(按状态分组) |
| POST | /api/tasks |
创建新任务 |
| PUT | /api/tasks/:id |
更新任务 |
| DELETE | /api/tasks/:id |
删除任务 |
| PUT | /api/tasks/:id/move |
移动任务到不同列 |
# 仅启动数据库
docker compose up db -d
# 后端开发(需要 Go 1.21+)
cd backend && go run main.go
# 前端开发(需要 Node 20+)
cd frontend && npm install && npm run devMIT