# learn_front

**Repository Path**: x-xiao-xiong/learn_front

## Basic Information

- **Project Name**: learn_front
- **Description**: 这是一个基于 Vue 3 和 ElementPlus 构建的前端项目，包含文章管理、课程管理、用户登录和个人信息管理等功能。
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-08
- **Last Updated**: 2025-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, MySQL

## README

以下是根据你提供的代码生成的 README.md 文件，该文件包含了项目的基本信息、安装步骤、使用方法、项目结构等内容。

# 项目名称

这是一个基于 Vue 3 和 ElementPlus 构建的前端项目，包含文章管理、课程管理、用户登录和个人信息管理等功能。

## 功能特性
1. **文章管理**：支持文章列表展示、添加文章、查看文章详情等功能。
2. **课程管理**：展示课程列表，提供课程详情页，支持课程评论和回复。
3. **用户登录**：提供用户登录界面，验证用户账号和密码。
4. **个人信息管理**：用户可以修改头像和密码。

## 安装步骤
1. **克隆项目**
```bash
git clone <项目仓库地址>
cd <项目目录>
```
2. **安装依赖**
```bash
npm install
```
3. **启动项目**
```bash
npm run serve
```

## 使用方法
### 登录
打开浏览器，访问 `http://localhost:8080`，输入账号和密码进行登录。

### 文章管理
- **文章列表**：登录后，点击左侧菜单的“文章”，可以查看文章列表。
- **添加文章**：在文章列表页，点击“+添加文章”按钮，进入添加文章页面。
- **文章详情**：在文章列表页，点击“查看详情”按钮，进入文章详情页面。

### 课程管理
- **课程列表**：点击左侧菜单的“课程”，可以查看课程列表。
- **课程详情**：点击课程列表中的课程名称，进入课程详情页面。在课程详情页，可以观看课程视频、发表评论和回复评论。

### 个人信息管理
点击右上角的用户头像，选择“头像”或“修改密码”，可以进行头像上传和密码修改操作。

## 技术栈
- **前端框架**：Vue 3
- **UI 组件库**：ElementPlus
- **状态管理**：Pinia
- **路由管理**：Vue Router
- **日期处理**：dayjs
- **图表库**：ECharts

## 注意事项
- 请确保你的 Node.js 版本在 14 以上。
- 在开发过程中，若遇到跨域问题，请在 `vue.config.js` 中配置代理。

## 贡献者
如果你对该项目有任何建议或意见，欢迎提交 Issues 或 Pull Requests。