# himate_backend_react

**Repository Path**: zyz1720/himate_backend_react

## Basic Information

- **Project Name**: himate_backend_react
- **Description**: himate聊天音乐应用的react后台管理端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-12
- **Last Updated**: 2026-02-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<a href="./README.EN.md" >English</a> | <a href="./README.md" >简体中文</a>

# Himate React Backend

Himate React Backend 是Himate项目的React后端管理系统，
## ✨ 特性

- 🎨 基于 Ant Design 的现代化 UI 设计
- 🌐 支持国际化（中英文）
- 📊 多模块管理系统（用户、团队、群组、消息、文件、音乐等）
- 🛠️ 内置开发工具（代码生成器、JSON 编辑器、图标选择器）
- 📱 响应式布局，支持多设备访问
- 🔒 完善的权限管理
- 📝 丰富的表单和表格组件
- 📦 模块化架构，易于扩展

## 🛠️ 技术栈

- **前端框架**: React 18
- **构建工具**: Vite 6
- **UI 组件库**: Ant Design 5
- **路由管理**: React Router 7
- **状态管理**: Zustand 5
- **国际化**: i18next, react-i18next
- **样式方案**: Tailwind CSS 4
- **HTTP 客户端**: Axios
- **Mock 数据**: Mock.js
- **代码规范**: ESLint, Prettier

## 📁 项目结构

```
himate_react_backend/
├── public/                 # 静态资源
├── src/
│   ├── api/               # API 接口定义
│   │   ├── auth/          # 认证相关接口
│   │   ├── pages/         # 页面相关接口
│   │   └── upload/        # 文件上传接口
│   ├── components/        # 通用组件
│   ├── config/            # 配置文件
│   ├── constants/         # 常量定义
│   ├── i18n/              # 国际化资源
│   ├── layout/            # 布局组件
│   ├── mock/              # Mock 数据
│   ├── pages/             # 页面组件
│   │   ├── ability/       # 开发工具
│   │   ├── auth/          # 认证页面
│   │   ├── group/         # 群组管理
│   │   ├── messages/      # 消息管理
│   │   ├── music/         # 音乐管理
│   │   └── user/          # 用户管理
│   ├── router/            # 路由配置
│   ├── stores/            # 状态管理
│   ├── styles/            # 全局样式
│   ├── utils/             # 工具函数
│   └── main.jsx           # 应用入口
├── .env.development       # 开发环境配置
├── .env.production        # 生产环境配置
├── package.json           # 项目依赖
└── vite.config.js         # Vite 配置
```

## 🚀 快速开始

### 环境要求

- Node.js ≥ 18.0.0
- Yarn ≥ 1.22.0

### 安装依赖

```bash
yarn
```

### 开发模式

```bash
yarn dev
```

应用将在 `http://localhost:8080` 启动。

### 构建生产版本

```bash
yarn build
```

构建产物将生成在 `dist` 目录。

### 预览生产版本

```bash
yarn preview
```

### 代码规范检查

```bash
yarn lint
```

## 📖 功能模块

### 1. 用户管理
- 用户信息管理
- 用户权限配置
- 用户状态管理

### 2. 应用包管理
- 应用包信息管理
- 应用包版本控制

### 3. 团队管理
- 团队信息管理
- 团队成员管理

### 4. 群组管理
- 群组信息管理
- 群组成员管理

### 5. 消息管理
- 会话管理
- 消息管理
- 消息已读记录

### 6. 文件管理
- 文件上传下载
- 文件分类管理
- 回收站功能

### 7. 音乐管理
- 音乐信息管理
- 音乐收藏功能
- 音乐扩展信息

## 🌐 国际化

项目支持中英文切换，国际化资源位于 `src/i18n/langs` 目录下。

- 中文: `src/i18n/langs/zh-CN`
- 英文: `src/i18n/langs/en-US`

## 🎨 自定义主题

可以通过修改 `src/styles` 目录下的 CSS 文件来自定义主题样式，或通过 Tailwind CSS 配置文件 `tailwind.config.js` 调整主题变量。

## 🔧 配置

### 环境变量

- **开发环境**: `.env.development`
- **生产环境**: `.env.production`

### 路由配置

路由配置位于 `src/router/routes.jsx`，可以根据需要添加或修改路由。

### API 配置

API 配置位于 `src/api/config.js`，用于获取项目布局配置和路由配置。

### 开源协议

本项目基于 MIT 开源协议开源，您可以在遵守协议的前提下自由使用、修改和分发本项目的代码。

### 关联项目
- **前端**: [Himate React Native App](https://gitee.com/zyz1720/himate_app_rn)
- **后端**: [Himate NestJS Server](https://gitee.com/zyz1720/himate_server_nest)