ACS
This commit is contained in:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user