# ssx-admin-html

**Repository Path**: qst2023/ssx-admin-html

## Basic Information

- **Project Name**: ssx-admin-html
- **Description**: 青软时时学小程序管理后台前端代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-12
- **Last Updated**: 2025-10-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 青软优学数据管理中心

<div align="center">

[![Vue](https://img.shields.io/badge/Vue-3.2.45-brightgreen.svg)](https://vuejs.org/)
[![Element Plus](https://img.shields.io/badge/Element%20Plus-2.2.21-blue.svg)](https://element-plus.org/)
[![Vite](https://img.shields.io/badge/Vite-3.2.3-646cff.svg)](https://vitejs.dev/)
[![License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

**基于 RuoYi-Vue 框架的企业级教育培训管理系统**

</div>

## 📖 项目介绍

青软优学数据管理中心（SSX-Admin-HTML）是一个现代化的企业级管理后台系统，专为教育培训机构设计。系统采用前后端分离架构，提供完整的数据管理、培训管理、资源管理等功能，助力教育机构提升管理效率。

## 🛠️ 技术栈

### 前端核心
- **Vue 3.2.45** - 渐进式JavaScript框架
- **Vue Router 4.1.4** - 官方路由管理器
- **Pinia 2.0.22** - 新一代状态管理库
- **Element Plus 2.2.21** - Vue 3 组件库
- **Vite 3.2.3** - 下一代前端构建工具

### 功能增强
- **TinyMCE + WangEditor** - 富文本编辑器
- **ECharts 5.4.0** - 数据可视化图表库
- **Axios 0.27.2** - HTTP客户端
- **js-cookie 3.0.1** - Cookie操作库
- **file-saver 2.0.5** - 文件下载工具

## 📁 项目结构

```
src/
├── api/              # API接口封装
│   ├── system/       # 系统管理接口
│   ├── training/     # 培训管理接口
│   ├── source/       # 资源管理接口
│   └── ...
├── assets/           # 静态资源
├── components/       # 公共组件
├── directive/        # 自定义指令
├── layout/           # 布局组件
├── router/           # 路由配置
├── store/            # 状态管理
├── utils/            # 工具函数
└── views/            # 页面组件
    ├── system/       # 系统管理
    ├── monitor/      # 系统监控
    ├── training/     # 培训管理 ⭐
    ├── source/       # 资源管理
    ├── plan/         # 计划管理
    ├── customer/     # 客户管理
    └── renshe/       # 人事管理
```

## ✨ 核心功能

### 🎓 培训管理模块
- **轮播消息管理**
  - ✅ 分页查询与搜索过滤
  - ✅ 富文本编辑器支持
  - ✅ 图片上传功能
  - ✅ 完整的CRUD操作

- **培训服务分类管理**
  - ✅ 分类列表展示
  - ✅ 状态管理（上架/下架）
  - ✅ 分页与搜索功能

- **培训服务产品管理**
  - ✅ 产品列表管理
  - ✅ 服务状态切换
  - ✅ 完整的产品CRUD

### 🔒 安全功能
- **反作弊插件**
  - ✅ 考试期间防访问搜索引擎
  - ✅ 阻止AI平台访问
  - ✅ 违规行为记录

### 📊 系统管理
- **用户权限管理**
- **角色管理**
- **菜单管理**
- **系统监控**
- **日志管理**

## 🚀 快速开始

### 环境要求
- Node.js >= 16.0.0
- npm >= 8.0.0

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

### 开发环境运行
```bash
npm run dev
```

### 生产环境构建
```bash
# 生产环境
npm run build:prod

# 预发布环境
npm run build:stage
```

### 预览构建结果
```bash
npm run preview
```

## ⚙️ 环境配置

### 开发环境 (.env.development)
```env
VITE_APP_TITLE = 青软优学数据管理中心
VITE_APP_ENV = 'development'
VITE_APP_BASE_API = '/dev-api'
```

### 生产环境 (.env.production)
- 支持多环境部署配置
- 灵活的API地址配置
- 完整的构建优化

## 🎨 特色亮点

- **🎯 现代化架构**: Vue 3 Composition API + Vite 构建
- **📱 响应式设计**: 适配多种屏幕尺寸
- **🔧 组件化开发**: 统一的UI组件库和交互规范
- **📝 富文本支持**: 多种编辑器集成
- **🔐 权限控制**: 完整的路由守卫和权限管理
- **🌐 国际化**: 支持中文本地化
- **⚡ 性能优化**: Vite快速构建，按需加载

## 📖 开发规范

- **代码风格**: 统一的Vue 3 Composition API风格
- **命名规范**: 驼峰命名和语义化变量名
- **组件设计**: 高内聚低耦合的组件架构
- **错误处理**: 完善的异常捕获和用户提示
- **用户体验**: 加载状态、确认弹框等交互细节

## 🤝 贡献指南

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](LICENSE) 文件了解详情

## 📞 联系方式

- **项目作者**: QST
- **项目版本**: 3.8.4
- **基于框架**: [RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue)

---

<div align="center">

**⭐ 如果这个项目对你有帮助，请给个 Star！**

</div>