基于Vue和Egg.js的运动器材智慧管理系统

基于Vue和Egg.js的运动器材智慧管理系统

Vue2Egg.jsAnt Design VueMySQL运动器材管理
分类:Web应用系统
价格:
¥299 ¥3990.7折
状态:已发布
发布时间:2024年1月1日
更新时间:2026年3月16日
下载次数:0 次
浏览次数:100 次
评分:

项目简介

基于Vue2和Egg.js开发的运动器材智慧管理系统,包含前台采购系统和后台管理系统。前台面向销售人员,提供器材浏览、详情展示、下单、订单管理等功能;后台面向管理员,实现器材管理、订单管理、人员管理等完整业务流程,提升器材管理效率。

详细介绍


项目主要功能:

前台采购系统:

  • 运动器材信息列表展示,支持轮播图展示
  • 健身室器材分类浏览
  • 运动器材详情展示,包含图片、描述、价格等信息
  • 在线下单功能,支持购物车和立即下单
  • 我的订单管理,查看订单状态和历史
  • 用户注册和登录功能

后台管理系统:

  • 运动器材管理:新增、修改、删除器材,包含器材ID、名称、图片、库存、类型、价格、供应商、描述等字段
  • 销售订单管理:查看和管理来自前台的订单,支持订单详情查看和状态更新
  • 销售人员管理:新增、修改、删除销售人员信息,包含姓名、手机、邮箱、入职日期、职位、工资、部门等完整信息
  • 管理员登录:安全身份验证和权限控制

技术栈说明: 前端:Vue2.6.14 + Ant Design Vue 1.7.8 + Vue Router + Vuex + Axios + Swiper 后端:Egg.js 3.17.5 + Node.js 18+ + egg-cors + egg-mysql 数据库:MySQL 开发工具:Vue CLI 5.0 + ESLint

环境要求:

  • Node.js >= 18.0.0
  • MySQL 5.7+
  • 现代浏览器(Chrome/Firefox/Edge最新版)

安装部署步骤:

前端部署:

 cd sports-equipment-client npm install npm run serve  # 开发模式 npm run build   # 生产构建

后端部署:

 cd sports-equipment-server-egg npm install npm run dev     # 开发模式(端口7600) npm start       # 生产模式(守护进程) npm stop        # 停止服务

数据库初始化:

  • 创建MySQL数据库
  • 执行设计材料中的SQL建表语句
  • 配置config/config.default.js中的数据库连接信息

使用说明:

  1. 启动后端服务:npm run dev
  2. 启动前端服务:npm run serve
  3. 访问前台:http://localhost:8080
  4. 访问后台:http://localhost:8080/admin
  5. 使用提供的测试账号登录或注册新账号

系统采用前后端分离架构,使用RESTful API进行数据交互。前端采用组件化开发,支持响应式布局,提供良好的用户体验。后端采用MVC架构,支持多进程部署,具备良好的性能和稳定性。