项目主要功能:
前台采购系统:
- 运动器材信息列表展示,支持轮播图展示
- 健身室器材分类浏览
- 运动器材详情展示,包含图片、描述、价格等信息
- 在线下单功能,支持购物车和立即下单
- 我的订单管理,查看订单状态和历史
- 用户注册和登录功能
后台管理系统:
- 运动器材管理:新增、修改、删除器材,包含器材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中的数据库连接信息
使用说明:
- 启动后端服务:npm run dev
- 启动前端服务:npm run serve
- 访问前台:http://localhost:8080
- 访问后台:http://localhost:8080/admin
- 使用提供的测试账号登录或注册新账号
系统采用前后端分离架构,使用RESTful API进行数据交互。前端采用组件化开发,支持响应式布局,提供良好的用户体验。后端采用MVC架构,支持多进程部署,具备良好的性能和稳定性。
