1

_doc/完整使用文档.md

@@ -41,10 +41,12 @@ npm run dev
 
 ## ✨ 特性
 
+✅ **极简 API** - 只需调用 `createApp()` 即可完成所有初始化  
+✅ **模块化设计** - 组件、路由、状态管理等功能按模块组织  
 ✅ **主页组件**（欢迎页面，自动显示系统标题）  
 ✅ **系统管理页面**（sys 开头的所有页面和功能）  
 ✅ **系统 API**（system 和 system 所有 API）  
-✅ **全局组件**（Tables、Editor、Upload 等）  
+✅ **全局组件**（Tables、Editor、Upload、FieldRenderer 等）  
 ✅ **布局组件**（Main、ParentView）  
 ✅ **登录和错误页面**（Login、401、404、500）  
 ✅ **用户登录和权限管理**  
@@ -141,7 +143,7 @@ import AdminFramework from 'admin-framework'
 - **主页组件**（HomePage - 欢迎页面，显示系统标题）
 - 所有系统页面（system、system）
 - 所有系统 API（system、system）
-- 所有全局组件（Tables、Editor、Upload 等）
+- 所有全局组件（Tables、Editor、Upload、FieldRenderer 等）
 - 布局组件（Main、ParentView）
 - 登录和错误页面
 - 工具库和 Store 模块
@@ -150,11 +152,37 @@ import AdminFramework from 'admin-framework'
 
 **只需准备**：
 ```
-├── config/index.js           # 配置文件（根据你的项目修改）
-└── App.vue                   # 应用根组件
+├── App.vue                   # 应用根组件（可选）
 ```
 
-#### 2. 创建 main.js（只需 10 行代码！）
+#### 2. 创建 main.js（新版本 - 只需 8 行代码！）
+
+```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')
+```
+
+#### 2.1 传统方式（兼容旧版本）
 
 ```javascript
 import Vue from 'vue'