96c005d47944adac6af6ee7a4ff77472a63d367d
Add auth session utilities and event handling in src/lib/auth-session.ts Integrate auth expiration checks in API request and uploadMediaAsset functions Update App component to subscribe to auth expired events and update auth state Add test suite for the auth session utility function Adjust maintenance grid CSS layout Remove unused UI components and imports in StructurePage
WonderQ-Admin-UI
独立的 WonderQ 后台管理前端,基于 Vite、React、TypeScript、Tailwind CSS 4 和 shadcn/ui 风格组件。
本地启动
- 安装依赖:
yarn install
本项目使用 Yarn 1 锁文件。Windows 环境下,Vite 8、Tailwind CSS 4、lightningcss 依赖 native binding,package.json 中已固定对应的 Windows 构建包,避免 Yarn 1 漏装 optional dependency 导致构建失败。
-
确认后端 API 运行在
http://localhost:4000。 -
启动后台 UI:
yarn dev
局域网访问可使用本机 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 的相对路径。
Description
Languages
TypeScript
74%
CSS
25.9%
HTML
0.1%