# 云课堂门户网站

**Repository Path**: wang-yin1/cloud-classroom-portal-website

## Basic Information

- **Project Name**: 云课堂门户网站
- **Description**: Nuxt3 主页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-02
- **Last Updated**: 2025-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Nuxt Minimal Starter

这是一个基于 Nuxt 3 的最小项目模板，适用于快速启动开发。该项目包含完整的前后端交互结构，支持模块化开发，并集成了现代 Web 开发所需的基础功能。

---

## 🛠️ 安装与运行

请确保你已安装 Node.js 和包管理工具（如 `npm`, `pnpm`, `yarn`, 或 `bun`）。

### 启动开发服务器

```bash
# 使用 npm
npm run dev

# 使用 pnpm
pnpm run dev

# 使用 yarn
yarn run dev

# 使用 bun
bun run dev
```

### 构建生产环境版本

```bash
# 使用 npm
npm run build

# 使用 pnpm
pnpm run build

# 使用 yarn
yarn run build

# 使用 bun
bun run build
```

---

## 📁 项目结构概览

- **api/**: 包含所有后端接口请求文件，如账户、商品、视频、评论等模块。
- **components/**: 可复用的 Vue 组件，包括登录、注册、头部、底部、分页等。
- **composables/**: 自定义组合式函数，用于封装通用逻辑，如 API 调用、弹幕、用户状态等。
- **layouts/**: 页面布局组件，如默认布局。
- **middleware/**: 中间件逻辑，如全局认证。
- **pages/**: 页面组件，对应不同路由，如首页、个人中心、视频播放页等。
- **public/**: 静态资源文件，如图片、图标等。
- **assets/**: 样式文件，如 `reset.less`。
- **types/**: TypeScript 类型定义文件。
- **nuxt.config.ts**: Nuxt 项目的配置文件。
- **package.json**: 项目依赖和脚本配置。

---

## 🌐 主要功能模块

- 用户系统：登录、注册、忘记密码、个人中心、头像设置等。
- 商品系统：商品展示、购买流程、支付页面（微信支付）。
- 视频系统：视频播放、章节划分、弹幕功能、学习记录。
- 评论系统：用户评论展示与管理。
- 搜索与分类：支持内容搜索与分类浏览。
- 排行榜：学习排行榜展示。
- 通知系统：用户通知提醒。

---

## 🧪 开发建议

- 使用 TypeScript 提升类型安全性。
- 使用 UnoCSS 实现原子化样式管理（配置文件为 `uno.config.ts`）。
- 所有 API 请求通过封装在 `composables/api.ts` 中统一管理。
- 组件按功能模块组织，便于维护与复用。

---

## 🤝 贡献指南

欢迎贡献代码或提出建议！请遵循以下步骤：

1. Fork 项目
2. 创建新分支 (`git checkout -b feature/your-feature`)
3. 提交更改 (`git commit -m 'Add some feature'`)
4. 推送分支 (`git push origin feature/your-feature`)
5. 提交 Pull Request

---

## 📄 许可证

本项目采用 MIT 许可证。详情请查看 LICENSE 文件。