# E GURU在线学习系统（管理前端）

**Repository Path**: fltglame/e-guru-online-learning-system-manage

## Basic Information

- **Project Name**: E GURU在线学习系统（管理前端）
- **Description**: 在线学习系统的管理员页面
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-04-11
- **Last Updated**: 2025-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript

## README

# 🛠️ ape-learn 管理端前台项目

## 📘 项目简介

本项目为 **ape-learn 在线学习平台** 的 **管理端前台界面**，用于平台运营人员进行系统管理、用户管理、课程管理等后台操作。项目基于 **Vue 3** 构建，结合 **Element Plus** 实现现代化后台界面，配合后端 Node.js 服务，实现高效的前后端联动。

---

## 🏗️ 技术栈与架构

| 模块         | 技术 / 框架           |
| ------------ | --------------------- |
| 前端框架     | Vue 3                 |
| 组件库       | Element Plus          |
| 路由管理     | Vue Router            |
| 状态管理     | Pinia                 |
| 请求库       | Axios                 |
| 权限控制     | 自定义指令 + 路由守卫 |
| 项目构建工具 | Vite / Vue CLI        |

---

## 📁 项目目录结构

```
LEARN_FRONT_MANGE/
├── public/                    # 公共资源
├── src/                      # 主代码目录
│   ├── api/                  # 封装的接口请求
│   ├── assets/               # 静态资源文件
│   ├── components/           # 公共组件
│   ├── minix/                # 混入逻辑（复用逻辑）
│   ├── router/               # 路由定义
│   ├── store/                # Pinia 状态管理
│   ├── utils/                # 工具函数
│   ├── views/                # 页面模块
│   │   ├── error/            # 错误页面（如 404）
│   │   ├── layout/           # 页面布局
│   │   └── system/           # 系统管理模块页面
│   ├── App.vue               # 根组件
│   ├── main.js               # 入口文件
│   └── permission.js         # 权限控制逻辑
├── vue.config.js             # Vue CLI 配置
├── package.json              # 项目信息及依赖
├── README.md                 # 项目说明文档
└── LICENSE                   # 开源协议
```

---

## 🚀 快速开始

### ✅ 安装依赖

```bash
npm install
```

### ▶️ 启动开发环境

```bash
npm run serve
```

### 📦 打包构建

```bash
npm run build
```

> ⚠️ 请确保本地安装了 **Node.js (16+)** 和 **npm**。

## 🔐 权限管理

- 登录鉴权基于 `token` 实现
- 路由守卫拦截未授权访问
- `permission.js` 实现页面级别权限控制

## 🧪 功能模块

- ✅ 用户与角色管理
- ✅ 权限与菜单配置
- ✅ 平台运营数据总览
- ✅ 课程、资源审核与管理
- ✅ 日志审计与系统配置

---

## 📖 使用说明

1. 管理员登录后进入控制台首页
2. 可根据权限查看对应模块
3. 支持操作日志、角色分配、系统通知等功能
4. 页面 UI 自适应设计，兼容主流浏览器

## 🤝 参与贡献

欢迎大家参与该项目的开发和优化！

### 提交流程

1. Fork 本仓库
2. 新建分支（如：`feat_xxx`）
3. 提交并推送您的更改
4. 发起 Pull Request（PR）

## 🔗 项目地址

* 用户前台仓库：[Gitee 仓库](https://gitee.com/fltglame/e-guru-online-learning-system)
* 后台管理前端仓库：[Gitee 仓库](https://gitee.com/fltglame/e-guru-online-learning-system-manage)
* 后端服务仓库：[Gitee 仓库](https://gitee.com/fltglame/e-guru-online-learning-server)