init
This commit is contained in:
35
README.md
35
README.md
@@ -2,6 +2,33 @@
|
||||
|
||||
一个基于 Vue2 的通用后台管理系统框架,包含完整的系统功能、登录、路由管理、布局等核心功能。
|
||||
|
||||
## ✨ 新版本亮点
|
||||
|
||||
**使用超级简单!只需 20 行代码即可启动完整的后台管理系统!**
|
||||
|
||||
```javascript
|
||||
// 引入框架(内置所有依赖)
|
||||
import AdminFramework from './admin-framework.js'
|
||||
import componentMap from './router/component-map.js'
|
||||
|
||||
// 一行搞定!
|
||||
const app = AdminFramework.createApp({
|
||||
title: '我的管理系统',
|
||||
apiUrl: 'http://localhost:9098/admin_api/', // uploadUrl 会自动设置
|
||||
componentMap: componentMap
|
||||
})
|
||||
|
||||
app.$mount('#app')
|
||||
```
|
||||
|
||||
**对比旧版本:**
|
||||
- 代码量减少 **75%+**(从 80+ 行到 20 行)
|
||||
- **无需手动引入** Vue、VueRouter、Vuex、ViewUI
|
||||
- **无需手动配置** 路由、状态管理
|
||||
- **自动处理** 菜单恢复、标题设置
|
||||
|
||||
👉 查看详细说明:[简化使用说明.md](./简化使用说明.md)
|
||||
|
||||
## 📦 项目结构
|
||||
|
||||
```
|
||||
@@ -21,7 +48,7 @@ admin-framework/
|
||||
│ │ └── system_high/ # 高级系统页面
|
||||
│ └── index.js # 框架入口
|
||||
├── dist/ # 打包产物
|
||||
│ └── admin-framework.js # 框架打包文件(1.64 MB)
|
||||
│ └── admin-framework.js # 框架打包文件(3.6 MB,内置所有依赖)
|
||||
├── demo-project/ # 完整示例项目 ⭐
|
||||
│ ├── src/
|
||||
│ │ ├── config/ # 配置
|
||||
@@ -101,6 +128,10 @@ npm run build
|
||||
|
||||
## ✨ 特性
|
||||
|
||||
### 核心功能
|
||||
- ✅ **极简使用** - 只需 20 行代码启动完整系统
|
||||
- ✅ **内置依赖** - Vue、VueRouter、Vuex、ViewUI 全部内置
|
||||
- ✅ **自动配置** - 自动初始化路由、状态管理、菜单恢复
|
||||
- ✅ **主页组件** - 欢迎页面,自动显示系统标题
|
||||
- ✅ **系统管理页面** - 用户、角色、菜单等管理
|
||||
- ✅ **登录和错误页面** - 完整的登录流程和错误处理
|
||||
@@ -111,6 +142,8 @@ npm run build
|
||||
|
||||
## 📚 文档
|
||||
|
||||
- **⚡ 快速开始**:[快速开始.md](./快速开始.md) - **5 分钟上手指南**
|
||||
- **🔥 简化使用说明**:[简化使用说明.md](./简化使用说明.md) - **详细对比和说明**
|
||||
- **完整使用文档**:[完整使用文档.md](./完整使用文档.md)
|
||||
- **Demo 项目说明**:[demo-project/README.md](./demo-project/README.md)
|
||||
- **安装指南**:[demo-project/INSTALL.md](./demo-project/INSTALL.md)
|
||||
|
||||
Reference in New Issue
Block a user