# StudentCodeCampus

**Repository Path**: CodingKeep/CodeCampus

## Basic Information

- **Project Name**: StudentCodeCampus
- **Description**: 一个基于 SpringBoot 3 + Vue 3 的在线学习平台，提供课程浏览、用户管理等功能。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2026-02-03
- **Last Updated**: 2026-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img src="https://img.shields.io/badge/SpringBoot-3.0.5-brightgreen" alt="SpringBoot">
  <img src="https://img.shields.io/badge/Vue-3.4-blue" alt="Vue">
  <img src="https://img.shields.io/badge/MyBatis--Plus-3.5.5-orange" alt="MyBatis-Plus">
  <img src="https://img.shields.io/badge/Sa--Token-1.37.0-red" alt="Sa-Token">
  <img src="https://img.shields.io/badge/Naive%20UI-2.37-purple" alt="Naive UI">
  <img src="https://img.shields.io/badge/License-MIT-yellow" alt="License">
</p>

<h1 align="center">码学园 - Java在线学习平台</h1>

<p align="center">
  <b>一个基于 SpringBoot 3 + Vue 3 的现代化在线学习平台</b>
</p>

<p align="center">
  提供课程浏览、用户管理、学习记录等功能，界面简洁美观，代码结构清晰
</p>

---

## 项目特点

- **前后端分离** - SpringBoot 3 + Vue 3 主流技术栈
- **精美UI** - 基于 Naive UI 组件库，深色主题设计
- **安全认证** - Sa-Token 实现无状态登录认证
- **开箱即用** - 提供完整的数据库脚本和配置
- **响应式设计** - 支持PC和移动端访问

## 技术栈

<table>
  <tr>
    <td align="center" width="50%"><b>后端技术</b></td>
    <td align="center" width="50%"><b>前端技术</b></td>
  </tr>
  <tr>
    <td>
      <ul>
        <li>SpringBoot 3.0.5</li>
        <li>MySQL 8.0</li>
        <li>MyBatis-Plus 3.5.5</li>
        <li>Redis</li>
        <li>Sa-Token 1.37.0</li>
        <li>Knife4j 4.3.0</li>
      </ul>
    </td>
    <td>
      <ul>
        <li>Vue 3.4 + Composition API</li>
        <li>Vite 5.0</li>
        <li>Naive UI 2.37</li>
        <li>Pinia</li>
        <li>Vue Router 4</li>
        <li>TypeScript</li>
      </ul>
    </td>
  </tr>
</table>

## 📁 项目结构

```
CodeCampus/
├── 📂 backend/                     # 后端项目
│   ├── 📂 src/main/java/com/learning/
│   │   ├── 📂 common/              # 公共类（Result、PageResult）
│   │   ├── 📂 config/              # 配置类（跨域、Sa-Token等）
│   │   ├── 📂 controller/          # 控制器
│   │   ├── 📂 dto/                 # 数据传输对象
│   │   ├── 📂 entity/              # 实体类
│   │   ├── 📂 mapper/              # Mapper接口
│   │   ├── 📂 service/             # 服务层
│   │   └── 📂 vo/                  # 视图对象
│   └── 📂 src/main/resources/
│       ├── 📄 application.yml      # 配置文件
│       └── 📂 sql/init.sql         # 数据库初始化脚本
│
└── 📂 frontend/                    # 前端项目
    ├── 📂 src/
    │   ├── 📂 api/                 # API接口封装
    │   ├── 📂 components/          # 公共组件
    │   ├── 📂 layouts/             # 布局组件
    │   ├── 📂 router/              # 路由配置
    │   ├── 📂 stores/              # Pinia状态管理
    │   ├── 📂 styles/              # 全局样式
    │   ├── 📂 types/               # TypeScript类型定义
    │   └── 📂 views/               # 页面组件
    └── 📄 package.json
```

## 快速开始

### 环境要求

| 环境 | 版本要求 |
|:---|:---|
| JDK | 17+ |
| Node.js | 18+ |
| MySQL | 8.0+ |
| Redis | 6.0+ |
| Maven | 3.8+ |

### 1️⃣ 克隆项目

```bash
git clone https://gitee.com/zhongshichaosss/CodeCampus.git
cd CodeCampus
```

### 2️⃣ 初始化数据库

```sql
-- 在MySQL中执行
source backend/src/main/resources/sql/init.sql
```

### 3️⃣ 修改配置

编辑 `backend/src/main/resources/application.yml`：

```yaml
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/learning_platform
    username: root
    password: 你的密码
  data:
    redis:
      host: localhost
      port: 6379
```

### 4️⃣ 启动后端

```bash
cd backend
mvn spring-boot:run
```

后端服务: http://localhost:8080  
API文档: http://localhost:8080/doc.html

### 5️⃣ 启动前端

```bash
cd frontend
npm install
npm run dev
```
 前端服务: http://localhost:3000

## 功能清单

### 用户功能
- [x] 用户注册 / 登录 / 退出
- [x] 个人中心
- [x] 个人信息修改
- [x] 修改密码

### 课程功能
- [x] 课程列表展示
- [x] 课程分类筛选
- [x] 课程关键字搜索
- [x] 课程难度筛选
- [x] 课程详情查看
- [x] 章节 / 课时目录展示

### 管理功能
- [x] 分类管理
- [x] 课程管理

## 测试账号

| 角色 | 用户名 | 密码 |
|:---:|:---:|:---:|
| 管理员 | admin | 123456 |


## 贡献指南

1. Fork 本仓库
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 提交 Pull Request

## 📄 开源协议

本项目基于 [MIT](LICENSE) 协议开源，可免费学习使用。

---

<h2 align="center">关于作者</h2>

<p align="center">
  <b>程序员⑩</b>
</p>

<p align="center">
  热爱编程，专注于 Java 后端开发和全栈技术分享
</p>

<p align="center">
  <a href="#">
    <img src="https://img.shields.io/badge/微信-Keep4212-07C160?style=for-the-badge&logo=wechat&logoColor=white" alt="微信">
  </a>
  &nbsp;
  <a href="mailto:3142277367@qq.com">
    <img src="https://img.shields.io/badge/邮箱-3142277367@qq.com-EA4335?style=for-the-badge&logo=gmail&logoColor=white" alt="邮箱">
  </a>
</p>

<p align="center">
  💬 欢迎交流学习，有问题可以添加微信或发送邮件
</p>

---

<p align="center">
  如果这个项目对你有帮助，请给一个 Star 支持一下！
</p>

<p align="center">
  Made with ❤️ by 程序员⑩
</p>