# 宠物商店_后台管理 **Repository Path**: wx6765/pet-store--backend-management ## Basic Information - **Project Name**: 宠物商店_后台管理 - **Description**: 宠物商店后台管理系统,提供宠物信息管理、订单处理、客户关系维护等核心功能,助力商家高效运营。 - **Primary Language**: Unknown - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2025-06-30 - **Last Updated**: 2025-12-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 宠物商店后台管理系统 (pet-store-admin) 这是一个基于 Vue 3 和 Element Plus 的后台管理系统,为宠物商店提供管理功能。 ## 主要技术栈 - **框架**: Vue 3 - **UI库**: Element Plus - **构建工具**: Vite - **路由**: Vue Router - **状态管理**: Pinia - **HTTP客户端**: Axios ## 主要功能 - **仪表盘**: 展示核心业务数据的统计图表。 - **商品管理**: - 商品列表的增、删、改、查。 - 支持**图片上传**功能,用于添加和修改商品图片。 - **分类管理**: 管理商品分类信息。 - **品牌管理**: 管理商品品牌信息。 - **用户管理**: 查看和管理注册用户信息。 - **订单管理**: 查看和处理用户订单。 ## API配置 项目通过 `.env.development` 和 `.env.production` 文件来配置后端API的地址。 - **开发环境 (`.env.development`)**: ``` VITE_APP_BASE_API = '/api' ``` 配合`vite.config.js`中的代理设置,将`/api`请求转发到后端服务(例如`http://localhost:8081`)。 - **生产环境 (`.env.production`)**: ``` VITE_APP_BASE_API = 'http://your-production-api-server.com/api' ``` ## 如何运行 1. **安装依赖**: ```bash npm install ``` 2. **启动开发服务器**: ```bash npm run dev ``` 3. **编译打包**: ```bash npm run build ``` 项目启动后,将在本地启动一个开发服务器(通常是 `http://localhost:5174`),您可以打开浏览器访问。