This commit is contained in:
2025-07-15 18:02:29 +08:00
parent 2038ddc617
commit d636050aac
65 changed files with 17885 additions and 103 deletions
+79 -3
View File
@@ -1,5 +1,81 @@
# Vue 3 + Vite + ElementPlus
# 007UI 后台管理系统
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
一个基于Vue 3、Element Plus的现代化后台管理系统模板,采用蓝色扁平化高端设计风格。
Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
## 技术栈
- **前端框架**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)