Skip to content

Mrz-sakura/todoapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯 Kanban Board - 任务管理看板

一个类似 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

访问应用

📁 项目结构

├── 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

📡 API 接口

方法 路径 描述
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 dev

📝 License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors