Skip to content

电影院会员管理系统前端,使用SpringBoot+mybatis+vue实现了会员、会员卡、电影票、积分兑换、会员关怀等模块

License

Notifications You must be signed in to change notification settings

trynewthin/cinema-web

 
 

Repository files navigation

Cinema Management System (Vue 3 Version)

项目介绍

这是一个电影院管理系统的前端项目,基于原 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

安装和运行

  1. 安装依赖 'npm install'

    或者

    'yarn install'

  2. 开发环境运行 'npm run dev'

  3. 生产环境构建 'npm run build'

项目结构

src/
├── api/ # API 接口
├── assets/ # 静态资源
├── components/ # 公共组件
├── layouts/ # 布局组件
├── router/ # 路由配置
├── stores/ # 状态管理
├── styles/ # 全局样式
├── types/ # TypeScript 类型定义
├── utils/ # 工具函数
└── views/ # 页面组件

主要改进

  1. 使用 TypeScript 重写,提供更好的类型安全
  2. 采用 Composition API,提高代码复用性和可维护性
  3. 升级到 Vuestic UI,提供更现代的 UI 组件
  4. 优化深色模式支持
  5. 改进响应式布局
  6. 统一的错误处理和状态管理

开发团队

致谢

感谢原项目作者提供的基础版本,本项目在其基础上进行了技术栈升级和功能优化。

许可证

MIT License

About

电影院会员管理系统前端,使用SpringBoot+mybatis+vue实现了会员、会员卡、电影票、积分兑换、会员关怀等模块

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 77.8%
  • TypeScript 18.0%
  • JavaScript 2.0%
  • SCSS 1.9%
  • HTML 0.3%