# OnlineTestFont

**Repository Path**: testing-category/online-test-font

## Basic Information

- **Project Name**: OnlineTestFont
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-02
- **Last Updated**: 2025-06-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线学习平台

## 项目介绍
在线学习平台是一个基于 Vue.js 3 开发的网络应用，旨在提供便捷的在线学习环境。平台支持用户注册登录、个人信息管理、公告管理等功能，为学习者和教育者提供良好的交互体验。

## 功能特性
1. **用户认证与管理**
   - 用户注册、登录和退出
   - 登录成功后立即同步用户信息和头像
   - 个人信息查看与编辑
   - 密码修改
   - 头像上传与更新（支持实时预览）

2. **管理员功能**
   - 用户管理（查看、封禁/解封、角色管理）
   - 密码重置
   - 公告管理
   
3. **公告系统**
   - 公开公告浏览（无需登录）
   - 公告详情查看（需要登录）
   - 公告发布与管理（管理员/教师）
   - 公告附件上传与下载

## 项目安装与运行

### 环境要求
- Node.js >= 12.x
- npm >= 6.x

### 安装依赖
```
npm install
```

### 开发环境运行
```
npm run serve
```

### 生产环境构建
```
npm run build
```

### 代码检查
```
npm run lint
```

## 公告功能使用指南

### 查看公告

#### 未登录用户
1. 在顶部导航菜单中点击"公告"进入公告列表页面
2. 可浏览公告列表，查看公告标题、发布时间和内容摘要
3. 点击公告标题或"查看详情"时会弹出友好的登录提示
4. 可选择"立即登录"跳转到登录页面，登录成功后会自动返回到对应的公告详情页面

#### 已登录用户
1. 在顶部导航菜单中点击"公告"进入公告列表页面
2. 点击公告标题或"查看详情"按钮查看公告的完整内容和附件
3. 在公告详情页面，可以查看、下载公告附件

### 权限控制说明
- **公告列表**：所有用户（包括未登录用户）都可以访问
- **公告详情**：仅限已登录用户访问
- **公告管理**：仅限管理员和教师可以创建、编辑、发布公告
- **附件下载**：仅限已登录用户

### 管理公告（管理员/教师）
1. 公告列表页面
   - 点击"发布公告"按钮创建新公告
   - 可对已有公告进行编辑、发布/取消发布、删除操作
   - 创建公告时可上传附件（jpg、png、pdf、doc、docx等格式）
   
2. 管理后台（仅限管理员）
   - 在管理后台侧边栏点击"公告管理"进入公告管理界面
   - 提供更强大的公告管理功能，包括状态筛选、批量操作等
   - 可查看所有公告（包括未发布的草稿）

## 项目结构
- `src/views`：页面视图组件
- `src/components`：可复用组件
- `src/router`：路由配置
- `src/store`：状态管理
- `src/assets`：静态资源
- `src/config.js`：全局配置

## 技术栈
- Vue.js 3 (Composition API)
- Vue Router 4
- Vuex 4
- Element Plus
- Axios

## 自定义配置
请参考 [Vue CLI 配置参考](https://cli.vuejs.org/config/)。