# 小猴课堂

**Repository Path**: pei-lin-_huang/mooc

## Basic Information

- **Project Name**: 小猴课堂
- **Description**: 该项目用于观看视频课程、查看课程详情、购买课程，可以观看他人评论、发布评论、购买课程后可以发布评价。学习时长记录等。
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2022-11-07
- **Last Updated**: 2025-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# 小猴课堂
## 设计目标

该项目用于免费观看视频课程、查看课程详情、购买课程，可以观看他人评论、发布评论、购买课程后可以发布评价。学习时长记录等。

## 功能描述

1. 浏览课程详情
2. 观看课程视频进行学习
3. 可购买课程，有打折优惠卷
4. 搜索课程
5. 关注/评论功能
6. 购买课程可发表评价
7. 个人中心管理
8. 查看我的关注


## 设计方案
1. 使用vue-cli脚手架开发，实现单页面应用程序，页面切换时不刷新页面，且可以局部更新数据，轻量级项目，数据响应快，提高用户体验。
2. 使用本地数据，使用本地json数据，请求更快，不卡顿
3. 主要页面都放在views目录下
   

## 使用到的技术
1. vue2.0
2. vue-router3.0
3. axios
4. vue-cli
   
## 效果截图-- [我的项目小猴课堂](https://note.youdao.com/s/DoudkJFL)
### 精选页面 ![精选页面](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/01%E7%B2%BE%E9%80%89%E9%A1%B5%E9%9D%A2.png)


### 期末突击 ![期末突击](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/02%E6%9C%9F%E6%9C%AB%E7%AA%81%E5%87%BB.png)
###  原始数据![原始数据](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/03%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png)
### 购买商品 ![购买商品](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/04%E8%B4%AD%E4%B9%B0%E5%95%86%E5%93%81.png)
### 详情页![详情页](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/05%E8%AF%A6%E6%83%85%E9%A1%B5.png)
### 全部频道![全部频道](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/06.png)
### 好课推荐![好课推荐](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/07.png)
### 课程视频观看![课程视频观看](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/08.png)
###  详情页评论![详情页评论](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/10.png)
###  加入购物车![加入购物车](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/11.png)
### 优惠卷![优惠卷](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/12.png)
###  我的订单![我的订单](https://gitee.com/pei-lin-_huang/mooc/raw/master/src/assets/imgs/13.png)