1

使用说明.md

@@ -5,11 +5,13 @@
 ## 📦 框架特性
 
 ### ✨ 核心功能
+- ✅ **简化的 API** - 只需调用 `createApp()` 即可完成所有初始化
+- ✅ **模块化设计** - 组件、路由、状态管理等功能按模块组织
 - ✅ **完整的系统管理页面** - 用户、角色、菜单、日志等管理
 - ✅ **登录和权限管理** - 完整的登录流程和权限控制
 - ✅ **动态路由管理** - 基于权限菜单的动态路由生成
 - ✅ **Vuex 状态管理** - 用户、应用状态管理
-- ✅ **全局组件库** - Tables、Editor、Upload、TreeGrid 等
+- ✅ **全局组件库** - Tables、Editor、Upload、TreeGrid、FieldRenderer 等
 - ✅ **工具库** - HTTP、日期、Token、Cookie 等工具
 - ✅ **内置样式** - base.less、animate.css、iconfont 等
 - ✅ **响应式布局** - 支持移动端适配
@@ -62,6 +64,34 @@ npm run build
 # 3. 产物在 dist/admin-framework.js
 ```
 
+## 🎯 极简使用方式
+
+### 只需 3 步即可完成集成！
+
+#### 1. 引入框架
+```javascript
+import AdminFramework from './admin-framework.js'
+```
+
+#### 2. 创建应用
+```javascript
+const app = AdminFramework.createApp({
+  title: '我的管理系统',
+  apiUrl: 'http://localhost:9098/admin_api/',
+  componentMap: {
+    'business/product': ProductComponent,
+    'business/order': OrderComponent
+  }
+})
+```
+
+#### 3. 挂载应用
+```javascript
+app.$mount('#app')
+```
+
+**就这么简单！** 框架会自动完成所有初始化工作。
+
 ## 📖 完整使用指南
 
 ### 1. 项目结构准备
@@ -112,7 +142,35 @@ module.exports = {
 }
 ```
 
-### 4. 创建 main.js
+### 4. 创建 main.js（新版本 - 推荐）
+
+```javascript
+import AdminFramework from './libs/admin-framework.js'
+
+// 导入业务组件（根据权限菜单接口的 component 字段）
+import GamesComponent from './views/ball/games.vue'
+import PayOrdersComponent from './views/order/pay_orders.vue'
+
+// 🎉 只需一行代码！框架自动完成所有初始化
+const app = AdminFramework.createApp({
+  title: '我的管理系统',
+  apiUrl: 'http://localhost:9098/admin_api/',
+  componentMap: {
+    'ball/games': GamesComponent,
+    'order/pay_orders': PayOrdersComponent
+    // 添加更多业务组件...
+  },
+  onReady() {
+    console.log('应用已启动!')
+    // 应用启动完成后的回调
+  }
+})
+
+// 挂载应用
+app.$mount('#app')
+```
+
+### 4.1 传统方式（兼容旧版本）
 
 ```javascript
 import Vue from 'vue'
@@ -381,9 +439,9 @@ Vue.use(AdminFramework, {
 - ✅ `system/sys_role` - 角色管理
 - ✅ `system/sys_log` - 日志管理
 - ✅ `system/sys_param_setup` - 参数设置
-- ✅ `system_high/sys_menu` - 菜单管理
-- ✅ `system_high/sys_control` - 控制器管理
-- ✅ `system_high/sys_title` - 系统标题设置
+- ✅ `system/sys_menu` - 菜单管理
+- ✅ `system/sys_control` - 控制器管理
+- ✅ `system/sys_title` - 系统标题设置
 
 ## 🌐 全局访问