# management_platform

**Repository Path**: wygkhcsc/management_platform

## Basic Information

- **Project Name**: management_platform
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2026-03-23
- **Last Updated**: 2026-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ICT 社团管理平台

一个基于 Vue 3 + Vite + Element Plus 的社团管理后台前端项目

## 概述

该平台用于ICT协会内部进行技术交流、团队协作、事务管理等。鼓励用户根据自己的需求进行自有功能的开发和部署。

## 技术栈

- Vue 3
- Vite
- TypeScript
- Pinia
- Vue Router 5
- Element Plus
- Axios
- jwt-decode

## 项目功能概览

- 登录页
  - 用户名 / 学号 + 密码登录
  - 记住我功能
  - 登录后保存 Token 到 `localStorage` / `sessionStorage`
- 权限路由
  - 基于用户角色控制菜单与页面访问权限
  - 未登录或无权限自动跳转至登录页或仪表盘
- 主布局
  - 响应式侧边栏，可折叠
  - 顶部用户信息与退出登录
  - 面包屑导航
- 仪表盘
  - 数据卡片展示成员数、活动数、待办任务、新消息等统计
  - 模拟图表与快捷入口按钮
- 成员管理
  - 检索、筛选、分页展示成员数据
  - 批量删除、导出、刷新操作（界面层）
  - 新增/编辑成员对话框
- 账号管理
  - 列表展示账号信息
  - 创建账号弹窗
  - 重置密码操作（UI 模拟）
- 个人中心
  - 查看个人资料信息
  - 刷新数据获取最新个人信息

## 目录结构

```
src/
  api/              # Axios 请求封装与接口函数
  layout/           # 主应用布局
  router/           # 路由配置与权限守卫
  stores/           # Pinia 状态管理
  types/            # 类型定义
  views/            # 页面组件
  App.vue
  main.ts
```

## 快速开始

```sh
npm install
npm run dev
```

打开浏览器访问 `http://localhost:5173`，如果端口不同请参考终端输出。

## 常用脚本

- `npm run dev`：启动开发服务器
- `npm run build`：执行类型检查并构建生产包
- `npm run preview`：预览构建结果
- `npm run format`：格式化 `src/` 目录下代码

## 运行要求

- Node.js 版本：`^20.19.0 || >=22.12.0`

## 接口地址说明

项目当前通过 Axios 统一请求 `baseURL: '/api/v1'`，主要 API 包括：

- `POST /auth/login` 登录
- `GET /users/getByPhone` 获取个人中心信息
- `GET /users/getAll` 获取成员列表
- `POST /users/add` 新增成员
- `POST /users/delete` 删除成员
- `POST /users/deleteBatch` 批量删除成员