# TaskCommander

**Repository Path**: Qtwxp/task-commander

## Basic Information

- **Project Name**: TaskCommander
- **Description**: 一个专注于开发高效任务管理系统的开源项目，支持多平台使用，旨在帮助用户更好地组织和管理日常任务。
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-13
- **Last Updated**: 2026-04-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



Based on the code map provided, I can analyze the project structure and create an improved README. Let me proceed with generating the documentation:

# TaskCommander

[README.md]

# TaskCommander

一个简单、美观且功能强大的任务管理系统，帮助您高效管理日常待办事项。

## 特性

- **任务管理**：创建、编辑、删除待办事项
- **进度追踪**：支持 25%、50%、75%、100% 四档进度管理
- **任务废弃**：可选择理由废弃任务，保留历史记录
- **历史记录**：查看所有已完成和废弃任务的完整历史
- **数据导出**：支持多种编码格式导出（UTF-8 with BOM、GBK、Unicode）
- **数据导入**：支持 CSV 格式导入任务数据
- **本地存储**：数据保存在浏览器本地存储中，刷新页面不丢失

## 技术栈

- HTML5
- CSS3（响应式设计）
- JavaScript（原生）
- localStorage（数据持久化）

## 快速开始

### 方式一：直接打开

在浏览器中直接打开 `index.html` 文件即可使用。

### 方式二：Python 本地服务器

```bash
# 进入项目目录
cd path/to/task-commander

# 启动本地服务器
python -m http.server 8080

# 访问 http://localhost:8080
```

### 方式三：Nginx 部署

配置 Nginx 指向项目静态文件目录即可访问。

## 功能说明

| 功能 | 描述 |
|------|------|
| 添加任务 | 在输入框中输入任务内容，点击添加按钮 |
| 编辑任务 | 点击任务右侧编辑按钮修改任务内容 |
| 删除任务 | 点击任务右侧删除按钮移除任务 |
| 标记完成 | 点击任务左侧复选框标记任务完成 |
| 更新进度 | 点击进度按钮更新任务完成进度 |
| 废弃任务 | 点击废弃按钮并选择理由废弃任务 |
| 查看历史 | 点击历史记录按钮查看所有历史任务 |
| 导出数据 | 点击导出按钮选择编码格式导出任务 |
| 导入数据 | 点击导入按钮从 CSV 文件导入任务 |
| 清除完成 | 点击清除完成按钮删除所有已完成任务 |
| 清除历史 | 在历史记录中清除所有历史数据 |

## 数据存储

所有任务数据存储在浏览器 `localStorage` 中，包括：
- 当前任务列表
- 任务历史记录

## 导出编码说明

- **UTF-8 with BOM**：适用于 Excel 直接打开
- **GBK**：适用于旧版 Excel 或记事本
- **Unicode**：适用于跨平台数据交换

## 贡献

1. Fork 本仓库
2. 新建特性分支 (`git checkout -b feature/xxx`)
3. 提交更改 (`git commit -m 'Add xxx'`)
4. 推送分支 (`git push origin feature/xxx`)
5. 创建 Pull Request

## 许可证

MIT License

## 截图预览

详细功能截图请查看 `imgs/` 目录：
- `index.png`- 首页展示
![输入图片说明](imgs/index.png) 
- `addTodoList.png` - 添加待办事项
![输入图片说明](imgs/addTodoList.png) 
- `editTodoList.png` - 编辑待办事项
![输入图片说明](imgs/editTodoList.png) 
- `abandonedTodoList.png` - 废弃待办事项
![输入图片说明](imgs/abandonedTodoList.png) 
- `deleteTodoList.png` - 删除待办事项
![输入图片说明](imgs/deleteTodoList.png) 
- `uptProgressTodoList.png` - 更新待办事项进度
![输入图片说明](imgs/uptProgressTodoList.png) 
- `histTodoList.png` - 查看待办事项历史
![输入图片说明](imgs/histTodoList.png) 
- `exportTodoList.png` - 导出待办事项
![输入图片说明](imgs/exportTodoList.png)
- `cleanTodoList.png` - 清除待办事项
![输入图片说明](imgs/cleanTodoList.png)
- `cleanHistTodoList.png` - 清除历史待办事项
![输入图片说明](imgs/cleanHistTodoList.png)