下面是当前系统的md文档，我希望在里面增加线路文件上传与运动后的截图上传分析功能；同时系统在原系统基础上进行更多的功能优化有什么建议？
登山徒步装备记录
一个用于管理登山装备和路线规划的全栈 Web 应用。

项目概述
登山徒步装备记录帮助登山爱好者管理个人装备库存、规划登山路线，并自动计算每次出行的装备清单和负重统计。系统支持多用户使用，每个用户拥有独立的数据空间。

技术栈
后端
运行环境: Node.js
Web 框架: Express.js
开发语言: TypeScript
数据库: MySQL 8 (utf8mb4_0900_ai_ci)
ORM: Prisma 6.x（不支持 7.x）
认证: JWT + bcrypt
前端
框架: React 18
开发语言: TypeScript
构建工具: Vite
UI 组件库: Ant Design
状态管理: Zustand
HTTP 客户端: Axios
数据可视化: ECharts 6.0 + echarts-for-react
拖拽功能: @dnd-kit/core, @dnd-kit/sortable
图片导出: html2canvas
功能特性
用户认证
用户注册与登录
JWT Token 认证
密码加密存储
装备管理
装备的增删改查
按分类筛选装备
记录装备品牌、重量、描述等信息
消耗品管理
独立的消耗品库（食物、水、燃料等）
支持多种计量单位：
固体/通用单位：份、包、条、根、个、片、袋
液体单位：升、毫升、瓶(500ml)、瓶(330ml)、罐(330ml)
液体单位智能填充：选择液体单位时自动按水的密度(1g/ml)预填默认重量
1升 → 1000g
1毫升 → 1g
1瓶(500ml) → 500g
1瓶(330ml) → 330g
1罐(330ml) → 330g
消耗品在打包清单中需要指定数量，系统自动计算总重量
PackBuilder 打包页面
类似 LighterPack 的一页式装备管理
按分类折叠展示装备和消耗品
支持勾选装备、设置数量
实时计算总重量和物品数量
行内快速添加和编辑
选择或快速新增：添加物品时可选择已有装备/消耗品，或快速创建新物品
跨分类选择：添加物品时可选择其他分类的装备/消耗品
数量指定：添加物品时可同时指定数量，无需二次操作
拖拽分类：支持拖拽装备或消耗品到其他分类，自动更新所属分类
拖拽排序：支持拖拽调整装备和消耗品的显示顺序，自动保存排序
切换/列表视图：支持 Tab 切换和列表两种展示模式
清单预览：可视化预览打包清单，包含重量统计饼图和分类装备网格
ECharts 饼图：使用 ECharts 生成交互式饼图，展示各分类重量占比
重量分布图：使用 ECharts 展示装备和消耗品的重量分布情况
主题支持：支持暗色/亮色主题切换，适应不同使用场景
导出图片：将清单预览导出为 PNG 图片，便于分享和打印
分类管理
自定义装备分类
分类下装备数量统计
路线规划
创建登山路线
设置目的地、日期、难度等级
为路线选择携带装备
添加路线备注
拖拽排序：支持拖拽调整路线中装备和消耗品的显示顺序
快速预览：在路线列表直接预览已保存路线的装备清单
ECharts 可视化：使用交互式图表展示路线装备的重量分布
导出分享：将路线清单导出为精美图片
统计分析
路线装备总重量计算
装备数量统计
按分类的重量分布
ECharts 饼图：交互式饼图展示各分类重量占比
重量分布可视化：直观展示装备和消耗品的重量构成
行程天数计算
数据可视化
ECharts 集成：使用 ECharts 6.0 提供专业级数据可视化
交互式饼图：
展示各分类装备重量占比
支持鼠标悬停查看详细数据
自动计算百分比和重量
使用 SVG 渲染，性能优异
重量分布图：
可视化展示装备和消耗品的重量构成
支持按分类查看重量分布
实时更新数据变化
主题适配：
支持暗色/亮色主题
图表颜色自动适配主题
优化不同场景下的可读性
响应式设计：
图表自动适应容器大小
移动端友好的交互体验
项目结构
mountain-gear-tracker/
├── package.json # 根目录配置
├── README.md # 项目说明文档
│
├── server/ # 后端服务
│ ├── package.json
│ ├── tsconfig.json
│ ├── prisma/
│ │ └── schema.prisma # 数据库模型定义
│ └── src/
│ ├── app.ts # 应用入口
│ ├── routes/ # API 路由
│ │ ├── auth.ts # 认证路由
│ │ ├── categories.ts # 分类路由
│ │ ├── gears.ts # 装备路由
│ │ ├── routes.ts # 路线路由
│ │ └── consumables.ts # 消耗品路由
│ ├── controllers/ # 业务控制器
│ │ ├── authController.ts
│ │ ├── categoryController.ts
│ │ ├── gearController.ts
│ │ ├── routeController.ts
│ │ └── consumableController.ts
│ ├── middlewares/
│ │ └── auth.ts # JWT 认证中间件
│ └── utils/
│ └── prisma.ts # Prisma 客户端实例
│
└── client/ # 前端应用
├── package.json
├── tsconfig.json
├── vite.config.ts
├── index.html
└── src/
├── main.tsx # 应用入口
├── App.tsx # 根组件
├── index.css # 全局样式
├── pages/ # 页面组件
│ ├── Login.tsx # 登录页
│ ├── Register.tsx # 注册页
│ ├── Gears.tsx # 装备管理页
│ ├── Categories.tsx # 分类管理页
│ ├── Consumables.tsx # 消耗品管理页
│ ├── PackBuilder.tsx # 打包清单页（一页式管理）
│ ├── RouteList.tsx # 路线列表页
│ └── RouteDetail.tsx # 路线详情页
├── components/
│ ├── Layout.tsx # 布局组件
│ └── PackBuilder/ # PackBuilder 子组件
│ ├── CategorySection.tsx # 分类区块
│ ├── GearRow.tsx # 装备行
│ ├── ConsumableRow.tsx # 消耗品行
│ ├── RouteHeader.tsx # 路线头部
│ ├── WeightChart.tsx # 重量图表（ECharts）
│ └── PackPreview.tsx # 清单预览（ECharts 饼图）
├── services/
│ └── api.ts # API 服务封装
├── stores/
│ ├── authStore.ts # 认证状态管理
│ └── packStore.ts # 打包清单状态管理
└── utils/
└── unitConfig.ts # 单位配置（液体/固体单位及默认重量）

数据库设计
User (用户表)
字段类型说明
id Int 主键
email String 邮箱（唯一）
password String 加密密码
name String 用户名
createdAt DateTime 创建时间
updatedAt DateTime 更新时间
Category (分类表)
字段类型说明
id Int 主键
name String 分类名称
userId Int 所属用户
Gear (装备表)
字段类型说明
id Int 主键
name String 装备名称
brand String? 品牌
weight Float? 重量(克)
description String? 描述
categoryId Int 所属分类
userId Int 所属用户
Consumable (消耗品表)
字段类型说明
id Int 主键
name String 消耗品名称
brand String? 品牌
unitWeight Float? 单位重量(克)
unit String 计量单位(份/包/升/瓶等)
description String? 描述
categoryId Int? 所属分类(可选)
userId Int 所属用户
Route (路线表)
字段类型说明
id Int 主键
name String 路线名称
destination String 目的地
startDate DateTime 开始日期
endDate DateTime 结束日期
difficulty String? 难度等级
notes String? 备注
userId Int 所属用户
RouteGear (路线装备关联表)
字段类型说明
id Int 主键
routeId Int 路线ID
gearId Int 装备ID
quantity Int 数量
sortOrder Int? 排序顺序
RouteConsumable (路线消耗品关联表)
字段类型说明
id Int 主键
routeId Int 路线ID
consumableId Int 消耗品ID
quantity Float 数量
sortOrder Int? 排序顺序
API 接口
认证接口
方法路径说明
POST /api/auth/register 用户注册
POST /api/auth/login 用户登录
GET /api/auth/profile 获取用户信息
分类接口
方法路径说明
GET /api/categories 获取分类列表
POST /api/categories 创建分类
PUT /api/categories/:id 更新分类
DELETE /api/categories/:id 删除分类
装备接口
方法路径说明
GET /api/gears 获取装备列表
GET /api/gears/:id 获取装备详情
POST /api/gears 创建装备
PUT /api/gears/:id 更新装备
DELETE /api/gears/:id 删除装备
消耗品接口
方法路径说明
GET /api/consumables 获取消耗品列表
GET /api/consumables/:id 获取消耗品详情
POST /api/consumables 创建消耗品
PUT /api/consumables/:id 更新消耗品
DELETE /api/consumables/:id 删除消耗品
路线接口
方法路径说明
GET /api/routes 获取路线列表
GET /api/routes/:id 获取路线详情
GET /api/routes/:id/stats 获取路线统计
POST /api/routes 创建路线
PUT /api/routes/:id 更新路线
DELETE /api/routes/:id 删除路线
安装部署
环境要求
Node.js >= 18.0.0
npm >= 9.0.0
MySQL >= 8.0
安装步骤
克隆项目
git clone <repository-url>
cd mountain-gear-tracker
安装依赖

安装所有依赖（包括 ECharts、拖拽库等）

npm run install:all

或分别安装

npm install
cd server && npm install
cd ../client && npm install
依赖说明:

ECharts 6.0: 数据可视化库，用于生成交互式图表
echarts-for-react: ECharts 的 React 封装组件
@dnd-kit: 拖拽功能库，支持装备排序和分类管理
html2canvas: 用于导出清单为图片
注意: Prisma 必须使用 6.x 版本，不兼容 7.x。如果遇到版本问题，请运行：

cd server
npm install prisma@6 @prisma/client@6
配置数据库
首先在 MySQL 中创建数据库：

CREATE DATABASE alpine_pack CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci;
然后复制并编辑环境变量文件：

cp server/.env.example server/.env

编辑 server/.env，修改 DATABASE_URL 为你的 MySQL 连接信息

初始化数据库
cd server
npx prisma generate
npx prisma migrate dev
启动开发服务

在根目录同时启动前后端

npm run dev

或分别启动

后端 (端口 3001)

cd server && npm run dev

前端 (端口 5173)

cd client && npm run dev
访问应用
前端地址: http://localhost:5173
后端地址: http://localhost:3001
生产部署
构建项目
npm run build
启动生产服务
npm start
环境变量
项目使用 .env 文件管理配置。首次使用请复制对应的 .env.example 文件：

后端

cp server/.env.example server/.env

前端

cp client/.env.example client/.env
后端环境变量 (server/.env)
变量名说明默认值
PORT 服务端口 3001
JWT_SECRET JWT 密钥 your-secret-key-change-in-production
JWT_EXPIRES_IN JWT 过期时间 7d
CORS_ORIGIN CORS 允许来源 *
DATABASE_URL MySQL 数据库连接 mysql://root:password@localhost:3306/alpine_pack
前端环境变量 (client/.env)
变量名说明默认值
VITE_PORT 开发服务器端口 5173
VITE_API_URL 后端 API 地址 http://localhost:3001
使用说明
基本流程
注册账号: 首次使用需要注册账号
创建分类: 在分类管理页面创建装备分类（如：帐篷、睡袋、炊具等）
添加装备: 在装备管理页面添加个人装备，填写名称、品牌、重量等信息
添加消耗品: 在消耗品管理页面添加食物、水等消耗品
打包清单: 使用 PackBuilder 创建打包清单，选择装备和消耗品
规划路线: 在路线管理页面创建登山路线，选择携带的装备
查看统计: 查看装备清单和重量统计，使用 ECharts 图表分析重量分布
数据可视化功能使用
查看饼图: 在打包清单或路线详情页，点击"预览"按钮查看重量分布饼图
交互操作: 鼠标悬停在饼图上查看详细数据（分类名称、重量、百分比）
主题切换: 根据使用环境选择暗色或亮色主题，图表会自动适配
导出图片: 点击"导出图片"按钮，将清单和图表保存为 PNG 图片
拖拽排序: 在清单中拖拽装备或消耗品调整显示顺序