# pink-front-admin

**Repository Path**: fs529/pink-front-admin

## Basic Information

- **Project Name**: pink-front-admin
- **Description**: Pink管理前端 汇聚原创佳作，可随心发布作品，弹幕评论畅快交流
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-23
- **Last Updated**: 2026-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript, scss, CSS

## README

# Pink 视频管理后台

💖 **汇聚原创佳作，可随心发布作品，弹幕评论畅快交流**

Pink 是一个视频内容社区平台的管理后端系统，基于 Vue 3 + Vite + Element Plus 构建，为平台运营提供全面的视频内容管理、用户管理、互动管理和系统监控能力。

---

## 📸 界面预览

| 首页概览 | 数据统计 |
|---------|---------|
| ![首页](./img/首页.png) | ![数据统计](./img/数据统计.png) |

| 稿件管理 | 举报 & 用户分析 |
|---------|---------|
| ![稿件管理](./img/稿件管理.png) | ![举报_用户分析](./img/举报_用户分析.png) |

| 系统设置 |
|---------|
| ![系统设置](./img/系统设置.png) |

---

## ✨ 功能模块

### 🎬 内容管理
- **视频列表** — 视频审核、推荐、分类管理
- **视频详情** — 视频元信息编辑与预览
- **Banner 管理** — 首页轮播图配置
- **分类管理** — 视频分类增删改查
- **表情包管理** — 自定义表情包上传与分发

### 👥 用户管理
- **用户列表** — 用户信息查看、封禁/解封
- **用户详情** — 个人资料、投稿记录
- **用户分析** — 活跃度、增长趋势可视化
- **认证列表** — 用户实名/身份认证审核
- **通知管理** — 系统通知推送
- **敏感词管理** — 内容过滤词库维护
- **用户会话** — 在线会话监控

### 💬 互动管理
- **评论列表** — 评论审核、精选、删除
- **弹幕列表** — 弹幕内容管控
- **关注列表** — 用户关注关系查看
- **举报列表** — 举报信息处理
- **举报分析** — 举报数据可视化分析

### 📊 数据分析
- **首页仪表盘** — 核心指标一览
- **数据统计** — 多维度数据图表（ECharts）

### 🔧 系统管理
- **系统设置** — 站点配置参数
- **操作日志** — 管理员操作审计
- **登录日志** — 登录记录追踪
- **系统日志** — 异常与运行日志

### 🛠 监控中心
- **服务状态** — 后端服务健康检测
- **存储管理** — R2 / 阿里云 / 腾讯云存储监控
- **ES 管理** — Elasticsearch 状态管理
- **系统资源** — CPU / 内存 / 磁盘监控

### 📧 其他
- **邮件管理** — 系统邮件模板与发送记录

---

## 🛠 技术栈

| 类别 | 技术 |
|------|------|
| 框架 | [Vue 3.5](https://cn.vuejs.org/) + [Vite 5](https://cn.vitejs.dev/) |
| UI 组件 | [Element Plus 2.9](https://element-plus.org/) |
| 状态管理 | [Pinia 2.3](https://pinia.vuejs.org/zh/) + pinia-persistedstate-plugin |
| 视频播放 | [ArtPlayer 5.2](https://artplayer.org/) + artplayer-plugin-danmuku + hls.js |
| 图表 | [ECharts 5.6](https://echarts.apache.org/) |
| 样式 | [Sass 1.83](https://sass-lang.com/) |
| 路由 | [Vue Router 4](https://router.vuejs.org/zh/) |
| HTTP | [Axios 1.7](https://axios-http.com/) |
| 工具库 | moment / js-md5 / mitt / vue-cropper / v-viewer |
| 指纹识别 | [@fingerprintjs/fingerprintjs](https://github.com/fingerprintjs/fingerprintjs) |

---

## 🚀 快速开始

### 环境要求
- Node.js ≥ 18
- npm / pnpm

### 安装依赖
```bash
npm install
# 或
pnpm install
```

### 启动开发服务器
```bash
npm run adminDev
```
开发服务器默认启动在 `http://localhost:5173`，API 请求通过 Vite 代理转发至后端 `localhost:7071`。

### 生产构建
```bash
npm run build
```

### 预览生产构建
```bash
npm run preview
```

---

## 📁 项目结构

```
pink-front-admin/
├── img/                    # README 预览图片
├── public/                 # 静态资源
├── src/
│   ├── api/                # 接口请求封装
│   ├── assets/             # 图片、样式等资产
│   ├── components/         # 通用组件（Table、Dialog、Player、ImageUpload 等）
│   ├── router/             # Vue Router 路由配置
│   ├── store/              # Pinia store（持久化）
│   ├── views/              # 页面视图
│   │   ├── content/       # 内容管理（视频、分类、Banner、表情包）
│   │   ├── user/          # 用户管理（列表、分析、认证、通知）
│   │   ├── interact/      # 互动管理（评论、弹幕、举报）
│   │   ├── log/           # 日志管理（操作、登录、系统）
│   │   ├── monitor/       # 监控中心（服务、存储、ES、系统资源）
│   │   ├── mail/          # 邮件管理
│   │   └── account/       # 登录 / 个人资料
│   ├── App.vue
│   ├── main.js
│   └── permission.js       # 路由权限守卫
├── index.html
├── vite.config.js          # Vite 代理 & 构建配置
└── package.json
```

---

## ⚙️ 环境变量

在 `vite.config.js` 中配置了开发代理：

```js
// vite.config.js 核心配置
server: {
  proxy: {
    '/tp': {
      target: 'http://localhost:7071',
      changeOrigin: true,
      rewrite: path => path.replace(/^\/tp/, '')
    }
  }
}
```

生产环境请通过 `.env.production` 配置 `VITE_API_BASE_URL`。

---

## 📝 许可

内部项目，仅供学习与交流使用。