# E GURU在线学习系统（用户前端）

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

## Basic Information

- **Project Name**: E GURU在线学习系统（用户前端）
- **Description**: 本项目仅用于团队参加2025年大学生创新创业训练计划项目
- **Primary Language**: HTML
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-04-11
- **Last Updated**: 2025-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# 🐒 ape-learn 用户前台系统

## 📚 项目简介

**ape-learn 用户前台系统** 是一个基于 Vue.js 构建的在线学习平台用户界面，面向学生和普通用户开放。该系统致力于提供沉浸式、交互式和个性化的学习体验，支持课程浏览、视频学习、互动问答、论坛交流、任务发布等核心功能。

本项目为 **ape-learn 智能学习平台** 的一部分，结合后端服务（Node.js + Redis）实现完整的数据交互与学习闭环。

---

## 🏗️ 项目架构

### 📁 目录结构

```
learn_front-master/
├── .idea/                 # WebStorm/IDE 配置（可忽略）
├── node_modules/          # 依赖库目录（自动生成）
├── public/                # 公共资源（静态页面模板等）
├── src/                   # 项目源代码目录
│   ├── api/               # 接口定义与封装
│   ├── assets/            # 图片、样式等资源
│   ├── components/        # 公共组件（导航栏、卡片等）
│   ├── minix/             # Vue mixins 逻辑复用
│   ├── router/            # 路由配置
│   ├── store/             # Pinia 状态管理
│   ├── utils/             # 工具函数（如权限、格式化等）
│   └── views/             # 页面视图模块
│       ├── about/             # 关于我们
│       ├── ai-question/       # AI答疑
│       ├── article/           # 学习文章
│       ├── assign/            # 作业任务
│       ├── center/            # 个人中心
│       ├── error/             # 错误页（如404）
│       ├── forum/             # 学习论坛
│       ├── index/             # 首页
│       ├── login/             # 登录
│       ├── message/           # 消息通知
│       ├── notice/            # 公告
│       ├── question/          # 提问与答疑
│       ├── register/          # 用户注册
│       ├── task/              # 任务学习页
│       ├── teacher/           # 教师介绍页
│       ├── teacherRegister/   # 教师入驻注册页
│       └── testP/             # 测试页或临时页面
├── App.vue               # 根组件
├── main.js               # 应用入口文件
├── permission.js         # 权限控制逻辑
├── .gitignore            # Git 忽略文件
├── babel.config.js       # Babel 编译配置
├── jsconfig.json         # JS 项目配置（路径提示等）
├── package.json          # 项目信息及依赖
└── package-lock.json     # 锁定依赖版本
```

---

## 🔧 技术栈说明

| 技术              | 描述                                 |
| ----------------- | ------------------------------------ |
| Vue 3             | 构建用户界面的渐进式 JavaScript 框架 |
| Element Plus      | 基于 Vue3 的 UI 组件库               |
| Vue Router        | 管理页面路由                         |
| Pinia             | 新一代状态管理库（替代 Vuex）        |
| Axios             | 网络请求库，用于与后端交互           |
| Redis             | 用于缓存用户数据，提升系统响应       |
| Node.js + Express | 后端服务，配合前端实现完整功能       |

---

## 🚀 安装与启动

### ⚠️ 环境要求

- Node.js ≥ 16.x
- npm ≥ 8.x

### 🛠️ 安装步骤

```bash
# 1. 克隆项目
git clone https://gitee.com/your-name/ape-learn.git

# 2. 进入项目目录
cd learn_front-master

# 3. 安装依赖
npm install

# 4. 启动开发服务器
npm run serve
```

## 📖 使用说明

用户访问系统后可进行以下操作：

* 🔐 用户注册与登录
* 🎓 浏览并选择课程学习
* 📹 视频播放与进度记录
* ⭐ 收藏课程/视频
* 🗨️ 发布提问、参与问答
* 📌 论坛帖子交流与评论
* 📬 接收系统消息与公告
* 👤 编辑个人信息、查看学习轨迹
* 📈 多端同步，学习数据实时更新

## 🧩 常见命令

| 命令              | 描述         |
| ----------------- | ------------ |
| `npm run serve` | 启动开发环境 |
| `npm run build` | 打包生产版本 |
| `npm run lint`  | 检查语法规范 |

---

## 📬 贡献指南

欢迎参与本项目开发，提交你的想法和代码！

1. Fork 仓库并克隆到本地
2. 创建功能分支：`git checkout -b feat/xxx`
3. 提交修改并推送：`git commit -m 'feat: 新增功能'`
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)