xiangqinxiangmu/marriageAdmin-vue

婚恋管理系统 - 管理端

基于Vue3 + Element Plus的婚恋小程序管理后台系统。

技术栈

• Vue 3.5.22
• Element Plus 2.11.5
• Pinia 3.0.3
• Vue Router 4.5.1
• Axios 1.12.2
• Vite 7.1.7

快速开始

安装依赖

npm install

开发环境

npm run dev

访问地址：http://localhost:5173

生产构建

npm run build

预览生产构建

npm run preview

功能模块

• ✅ 登录认证
• ✅ 数据面板
• ✅ 轮播图管理
• ✅ 活动管理（含报名统计）
• ✅ 红娘管理
• ✅ 课程管理
• ✅ 成功案例管理
• ✅ 用户管理
• ✅ VIP用户管理
• ✅ 动态审核管理

默认登录账号

• 用户名：admin
• 密码：admin123

API配置

API基础地址在 src/config/api.js 中配置，默认指向网关地址：

export const API_BASE_URL = 'http://115.190.125.125:8086'

目录结构

src/
├── assets/          # 静态资源
├── components/      # 通用组件
├── config/          # 配置文件
│   └── api.js      # API配置
├── layouts/         # 布局组件
├── router/          # 路由配置
├── stores/          # 状态管理
├── utils/           # 工具函数
└── views/           # 页面组件

开发建议

1. 使用 Composition API + <script setup> 语法
2. 统一使用 Element Plus 组件库
3. 请求统一通过 @/utils/request.js 封装
4. 路由需要在 @/router/index.js 中配置
5. 全局状态使用 Pinia 管理

注意事项

1. 确保后端服务已启动（网关端口：8086，管理端服务端口：8087）
2. 确保Redis服务正常运行（用于Token存储）
3. 图片上传功能需要后端支持

License

Copyright © 2025