# next-admin

**Repository Path**: alexfengfeng/next-admin

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-17
- **Last Updated**: 2025-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎮 赛博朋克后台管理系统

一个具有双主题支持（暗色/亮色）的现代化赛博朋克风格后台管理系统，集成了完整的RBAC权限控制系统。

## ✨ 核心特性

- 🎨 **双主题系统** - 暗色/亮色主题一键切换，赛博朋克风格设计
- 🛡️ **RBAC权限控制** - 完整的基于角色的访问控制系统
- 📊 **实时数据可视化** - 性能监控图表和系统指标
- 🔔 **智能通知系统** - 多级别通知管理和实时推送
- 📋 **系统日志管理** - 实时日志、筛选、导出功能
- 💾 **数据导入导出** - 多格式支持和任务追踪
- 🔍 **高级搜索** - 智能搜索和多条件筛选
- 📱 **响应式设计** - 完美适配各种设备尺寸
- 🌈 **玻璃态效果** - 现代化毛玻璃视觉效果
- ⚡ **流畅动画** - 细致的交互反馈和过渡效果

## 🚀 快速开始

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 启动生产服务器
npm start
```

打开 [http://localhost:3000](http://localhost:3000) 查看应用程序。

## 🏗️ 技术栈

- **⚡ 框架**: Next.js 15 + TypeScript 5
- **🎨 样式**: Tailwind CSS + 自定义主题系统
- **🧩 组件**: shadcn/ui + Lucide React
- **🌈 动画**: Framer Motion
- **📊 图表**: Recharts
- **🔄 状态管理**: React Hooks + Zustand
- **🌐 请求**: Axios + TanStack Query
- **🔐 认证**: NextAuth.js
- **🗄️ 数据库**: Prisma ORM

## 📁 项目结构

```
src/
├── app/                     # Next.js App Router 页面
├── components/              # React 组件
│   ├── ui/                 # shadcn/ui 基础组件
│   ├── rbac/               # RBAC 权限组件
│   └── cyberpunk/          # 赛博朋克主题组件
├── hooks/                  # 自定义 React Hooks
│   ├── useRBAC.ts          # RBAC 权限检查 Hook
│   └── useTheme.ts         # 主题管理 Hook
├── lib/                    # 工具函数和配置
├── types/                  # TypeScript 类型定义
└── styles/                 # 样式文件
    └── theme.css           # 主题样式定义
```

## 🎯 功能模块

### 🛡️ RBAC权限系统
- **权限管理**: 25个预定义细粒度权限
- **角色管理**: 6个预定义角色层级
- **角色分配**: 用户角色批量分配
- **权限检查**: Hook和装饰器支持

### 📊 数据可视化
- **实时监控**: CPU、内存、网络、磁盘使用率
- **交互图表**: 支持指标切换和统计信息
- **动态更新**: 每5秒自动更新数据

### 🔔 通知系统
- **多级别通知**: 成功、警告、错误、信息
- **实时推送**: 自动生成和推送通知
- **通知管理**: 标记已读、删除、清空功能

### 📋 日志管理
- **实时日志**: 模拟系统日志实时生成
- **多级筛选**: 按级别、分类、内容筛选
- **导出功能**: 支持日志文件导出

### 💾 数据管理
- **多类型导出**: 用户、系统、日志、数据库、性能数据
- **多格式支持**: JSON、CSV、Excel、YAML、XML、SQL
- **导入管理**: 文件上传、进度显示、错误处理

### 🔍 搜索系统
- **智能搜索**: 支持文本、多条件组合搜索
- **快速筛选**: 预设常用搜索选项
- **高级面板**: 日期范围、多选下拉等复杂筛选

## 🎨 主题系统

### 暗色主题（默认）
- **主色调**: 黑色背景 + 绿色荧光
- **风格**: 经典矩阵风格
- **适用场景**: 夜间使用、专业环境

### 亮色主题
- **主色调**: 浅灰背景 + 紫蓝色荧光
- **风格**: 现代赛博朋克
- **适用场景**: 日间使用、明亮环境

### 使用方法
1. 点击右上角的太阳/月亮图标切换主题
2. 主题偏好会自动保存到本地存储
3. 页面刷新后会自动恢复上次选择的主题

## 📖 详细文档

查看 [DOCUMENTATION.md](./DOCUMENTATION.md) 获取完整的功能介绍、使用指南和技术文档。

## 🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目。

## 📄 许可证

本项目采用 MIT 许可证。

---

🎮 **享受赛博朋克的双重世界！**