walle
|
a3c95ec19b
|
feat: 升级到 v3.0.0 - 独立音乐播放系统与 Docker 数据持久化
🎉 版本升级: 2.5.0 → 3.0.0
🎵 音乐播放系统重构:
- 独立的音乐播放系统，不影响当前选中声音
- 修复 React Hooks 调用错误
- 使用直接 Howl API 实现音频控制
- 添加播放/停止状态视觉反馈
- 组件显示逻辑完全分离
🐳 Docker 部署优化:
- 所有 compose 文件添加 SQLite 数据库挂载
- 支持 WAL 模式和并发写入
- 数据持久化，容器重启不丢失数据
- 创建详细的 Docker 数据库挂载文档
🎨 UI/UX 改进:
- 修复当前选中声音与音乐列表显示互斥问题
- 播放按钮状态动态显示
- 组件模块完全独立展示
🗄️ 数据库性能优化:
- 启用 WAL 模式提高并发性能
- 优化 SQLite 配置参数
- 添加详细日志和错误处理
📦 新增文件:
- docker-database-mount.md: Docker 数据库挂载说明文档
|
2025-11-19 15:21:49 +08:00 |
|
zl
|
010fb9674b
|
feat: 重构音乐列表UI与JWT认证完整实现 v2.7.0
## 🎯 核心功能重构
### 音乐列表显示优化
- **自动展示**: 登录用户页面打开时自动显示音乐列表，无需手动展开
- **权限控制**: 未登录用户完全隐藏"我的音乐"部分
- **独立展开**: 每个音乐项配备独立的展开/收起按钮
- **渐进展示**: 点击展开按钮显示音乐收录的声音详情
### JWT认证系统完整实现
- **安全升级**: 完全替代密码传输，实现JWT令牌认证
- **自动管理**: 登录时自动生成和存储JWT令牌
- **API集成**: 所有音乐相关API统一使用JWT认证
- **容错机制**: 多层级token获取策略确保认证稳定性
## 🔧 技术架构升级
### 新增核心模块
- `src/lib/jwt.ts` - JWT令牌创建与验证核心
- `src/lib/jwt-auth-middleware.ts` - JWT认证中间件
- `src/lib/api-client.ts` - 自动JWT令牌注入的API客户端
- `src/hooks/useNotification.ts` - 统一通知系统
### 组件化重构
- `src/components/buttons/save-music/` - 音乐保存按钮组件
- `src/components/buttons/delete-music/` - 音乐删除按钮组件
- `src/components/notification/` - 通知组件系统
### API安全强化
- 所有认证相关API集成JWT中间件
- 用户注册/登录自动返回JWT令牌
- 音乐CRUD操作统一JWT认证验证
## 🎨 用户体验优化
### 交互流程简化
- 登录即见：音乐列表自动展示，减少用户操作步骤
- 按需展开：声音详情按需显示，避免信息过载
- 状态持久：JWT令牌自动管理，无需重复登录
### 视觉层次优化
- 音乐名称与展开按钮并排布局，提升操作便利性
- 声音列表折叠显示，保持界面整洁
- 统一通知样式，确保视觉一致性
## 🛡️ 安全性提升
- **零密码传输**: API请求完全移除明文密码传输
- **令牌过期**: JWT令牌7天自动过期机制
- **状态隔离**: 认证状态与业务状态完全分离
版本: v2.7.0
技术栈: React + TypeScript + Astro + SQLite + JWT
|
2025-11-17 23:04:58 +08:00 |
|
zl
|
27bf07e39f
|
style: 统一明亮主题样式并优化视觉体验
- 修复明亮模式下的组件背景色问题，移除黑色背景
- 统一所有按钮和组件的灰色调，提升视觉一致性
- 加深灰色对比度，提高可读性和用户体验
- 优化声音组件、分类图标、删除按钮等样式
- 统一播放按钮、菜单按钮、滚动到顶部按钮风格
- 改进主题切换系统的CSS变量使用
- 新增数据库目录用于SQLite数据存储
|
2025-11-17 15:56:02 +08:00 |
|