82 lines
2.1 KiB
Markdown
82 lines
2.1 KiB
Markdown
# 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)
|