这是一个电影院管理系统的前端项目,基于原 Vue 2 + Element UI 项目升级改造而来。新版本采用了 Vue 3 + TypeScript + Vuestic UI 技术栈,提供了更现代的开发体验和更好的类型支持。
- Vue 2 → Vue 3
- JavaScript → TypeScript
- Element UI 2 → Vuestic UI
- Options API → Composition API
- 🔐 管理员登录
- 📊 数据仪表盘
- 👥 会员管理
- 会员信息管理
- 会员卡管理
- 会员关怀
- 🎬 电影管理
- 💳 会员卡管理
- 卡片注册
- 余额充值
- 挂失/解挂
- 补卡服务
- 📝 交易记录
- ⚙️ 系统设置
- 🎨 支持深色模式
- 📱 响应式设计
- 🔒 完整的权限控制
- 💻 TypeScript 类型支持
- 🎯 Composition API 代码组织
- 🛠 更现代的组件库支持
- Node.js >= 16
- npm >= 7
-
安装依赖 'npm install'
或者
'yarn install'
-
开发环境运行 'npm run dev'
-
生产环境构建 'npm run build'
src/
├── api/ # API 接口
├── assets/ # 静态资源
├── components/ # 公共组件
├── layouts/ # 布局组件
├── router/ # 路由配置
├── stores/ # 状态管理
├── styles/ # 全局样式
├── types/ # TypeScript 类型定义
├── utils/ # 工具函数
└── views/ # 页面组件
- 使用 TypeScript 重写,提供更好的类型安全
- 采用 Composition API,提高代码复用性和可维护性
- 升级到 Vuestic UI,提供更现代的 UI 组件
- 优化深色模式支持
- 改进响应式布局
- 统一的错误处理和状态管理
- 原项目作者: Advancedpawn2020
- 升级改造: trynewthin
感谢原项目作者提供的基础版本,本项目在其基础上进行了技术栈升级和功能优化。
MIT License