Files
WonderQ-Project/WonderQ-Admin-UI
duanshuwen c143b67275 feat(route-detail): 实现路线详情独立管理全链路功能
添加`DetailRecord`数据库模型、迁移脚本及完整的CRUD管理接口,将路线详情从玩法路线表解耦,实现独立存储。
在Admin UI的路线编辑器中集成详情配置面板,支持编辑详情文案、图片等展示内容。
完善MiniAPP路线详情页,新增导航函数、API调用及数据归一化逻辑,并添加对应单元测试。
更新所有相关文档,明确领域边界、联调流程及接口契约规范。
调整首页和玩法页的点击跳转逻辑,优先跳转路线详情页而非原需求页。
新增数值格式化工具函数优化内容展示效果。
2026-08-19 21:20:51 +08:00
..
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00
2026-08-11 19:19:11 +08:00

WonderQ-Admin-UI

独立的 WonderQ 后台管理前端,基于 Vite、React、TypeScript、Tailwind CSS 4 和 shadcn/ui 风格组件。

本地启动

  1. 安装依赖:
yarn install

本项目使用 Yarn 1 锁文件。Windows 环境下,Vite 8、Tailwind CSS 4、lightningcss 依赖 native binding,package.json 中已固定对应的 Windows 构建包,避免 Yarn 1 漏装 optional dependency 导致构建失败。

  1. 确认后端 API 运行在 http://localhost:4000。

  2. 启动后台 UI:

yarn dev

访问:http://localhost:5602

局域网访问可使用本机 IP,例如 http://192.168.1.23:5602/。该地址由 Vite dev server 提供,支持样式和组件热更新。

默认后台账号由 WonderQ-Admin 提供:admin@example.com / ChangeMe123!。

目录说明

  • src/App.tsx:后台管理主界面和业务交互。
  • src/api.ts:Admin API 类型、Token 管理和请求封装。
  • src/components/ui/:本地 shadcn/ui 风格基础组件,包括 Button、Card、Input、Textarea、Badge、Alert、Switch 等。
  • src/lib/utils.ts:组件 className 合并工具。
  • src/styles.css:Tailwind 入口、设计变量、后台布局和响应式样式。
  • public/assets/:后台预览所需静态资源,保留 /assets/... 引用方式。
  • components.json:shadcn/ui 组件配置。
  • vite.config.ts:开发环境将 /api 代理到 http://localhost:4000,dev server 固定运行在 5602 并支持 HMR;生产构建预览运行在 5603。

本仓库已经独立,不再依赖 WonderQ-MiniAPP 的相对路径。