# jky-React

**Repository Path**: gfh_he/jky-react

## Basic Information

- **Project Name**: jky-React
- **Description**: 基于React的极客园PC后台管理项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-28
- **Last Updated**: 2025-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 极客园后台管理系统

极客园后台管理系统是一个基于React的内容管理平台，用于管理文章的发布、编辑和审核。该系统提供了用户友好的界面，支持文章的富文本编辑、图片上传、状态管理等功能。

## 项目技术栈

- **前端框架**：React 18.3.0
- **路由管理**：React Router DOM 7.8.2
- **状态管理**：Redux Toolkit 2.8.2 + React Redux 9.2.0
- **UI组件库**：Ant Design 5.27.1
- **HTTP请求**：Axios 1.11.0
- **富文本编辑器**：React Quill New 3.6.0
- **数据可视化**：ECharts 6.0.0
- **构建工具**：Vite 7.1.2
- **样式处理**：Sass 1.91.0

## 功能特性

### 1. 用户认证
- 登录/登出功能
- 权限控制

### 2. 文章管理
- 文章列表展示
- 按状态、频道、日期筛选文章
- 文章删除功能

### 3. 文章发布
- 富文本编辑器
- 多种封面类型选择（无图、单图、三图）
- 图片上传功能
- 频道分类选择

### 4. 数据统计
- 首页数据概览
- 图表数据展示

## 项目结构

```
jky-react/
├── public/                # 静态资源
├── src/                   # 源代码
│   ├── assets/            # 项目资源文件(图片、字体等)
│   ├── components/        # 公共组件
│   ├── hooks/             # 自定义钩子
│   ├── pages/             # 页面组件
│   │   ├── Article/       # 文章管理页面
│   │   ├── Home/          # 首页
│   │   ├── Layout/        # 布局组件
│   │   ├── Login/         # 登录页面
│   │   └── Publish/       # 文章发布页面
│   ├── router/            # 路由配置
│   ├── store/             # Redux状态管理
│   ├── styles/            # 全局样式
│   ├── utils/             # 工具函数
│   └── main.jsx           # 入口文件
├── .gitignore             # Git忽略文件
├── eslint.config.js       # ESLint配置
├── index.html             # HTML模板
├── jsconfig.json          # JavaScript配置
├── package.json           # 项目依赖
├── vite.config.js         # Vite配置
└── README.md              # 项目说明
```

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建项目

```bash
npm run build
```

### 预览构建结果

```bash
npm run preview
```

### 代码检查

```bash
npm run lint
```

## 项目截图
- 登录页面
![登录](./public/1.png)
- 首页
![首页](./public/2.png)
- 文章发布
![文章发布](./public/3.png)
- 文章列表
![文章列表](./public/4.png)

## 开发指南

### 添加新页面

1. 在 `src/pages` 目录下创建新的页面组件
2. 在 `src/router/index.jsx` 中添加路由配置
3. 如需添加到菜单，在 `src/pages/Layout/index.jsx` 中更新菜单项

### 添加新功能

1. 创建相关组件
2. 如需状态管理，在 `src/store/modules` 中添加新的状态模块
3. 在 `src/store/index.js` 中注册新模块

## 贡献指南

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

## 许可证

[MIT](LICENSE)