# 007UI 后台管理系统

一个基于Vue 3、Element Plus的现代化后台管理系统模板，采用蓝色扁平化高端设计风格。

## 技术栈

- **前端框架**：Vue 3
- **构建工具**：Vite
- **UI组件库**：Element Plus
- **路由管理**：Vue Router
- **HTTP请求**：Axios
- **图表库**：ECharts
- **实用工具**：VueUse

## 特性

- 🎨 精美的蓝色扁平化UI设计风格
- 📱 响应式布局，支持多端设备
- 🧩 模块化设计，易于扩展
- 🔐 内置完整的权限管理系统
- 📊 集成数据可视化图表
- 📝 丰富的表单组件和数据表格
- 🌐 全局状态管理
- 🚀 快速的开发体验

## 快速开始

确保已安装Node.js和pnpm包管理器。

```bash
# 克隆项目
git clone https://github.com/yourusername/007ui.git

# 进入项目目录
cd 007ui

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev
```

## 项目结构

```
007ui/
├── public/             # 静态资源
├── src/                # 源代码
│   ├── assets/         # 资源文件
│   ├── components/     # 公共组件
│   │   └── layout/     # 布局组件
│   ├── router/         # 路由配置
│   ├── utils/          # 工具函数
│   ├── views/          # 页面组件
│   ├── App.vue         # 应用入口组件
│   ├── main.js         # 应用入口文件
│   └── style.css       # 全局样式
├── .gitignore          # Git忽略文件
├── index.html          # HTML模板
├── package.json        # 项目配置
├── README.md           # 项目说明
└── vite.config.js      # Vite配置
```

## 布局和页面

- **登录页**：简洁美观的登录界面
- **主布局**：包含侧边栏、顶部导航和内容区
- **仪表盘**：数据概览和图表展示
- **系统管理**：用户、角色、权限管理
- **内容管理**：文章、分类、标签管理
- **数据统计**：访问统计、性能监控

## 贡献

欢迎提交问题和功能请求。对于重大更改，请先开启一个issue讨论您想要的更改。

## 许可证

[MIT](LICENSE)