This commit is contained in:
张成
2025-10-28 11:32:33 +08:00
parent e66dd4430c
commit b101f49048
2 changed files with 0 additions and 86 deletions

View File

@@ -86,9 +86,6 @@ class AdminFramework {
}
/**
* Create app with simplified API (推荐使用)
* @param {Object} config - application config
@@ -195,7 +192,6 @@ class AdminFramework {
// Expose to global for debugging
if (typeof window !== 'undefined') {
window.app = app
window.rootVue = app
window.framework = framework
}

View File

@@ -170,64 +170,6 @@ const app = AdminFramework.createApp({
app.$mount('#app')
```
### 4.1 传统方式(兼容旧版本)
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
import Vuex from 'vuex'
import ViewUI from 'view-design'
import createPersistedState from 'vuex-persistedstate'
import AdminFramework from './libs/admin-framework.js'
import App from './App.vue'
import config from './config'
// 可选:导入业务组件(根据权限菜单接口的 component 字段)
import GamesComponent from './views/ball/games.vue'
import PayOrdersComponent from './views/order/pay_orders.vue'
// 🎉 只需这一行!框架自动完成所有初始化
Vue.use(AdminFramework, {
config,
ViewUI,
VueRouter,
Vuex,
createPersistedState,
// ✅ 可选:配置业务组件映射(用于权限菜单)
componentMap: {
'ball/games': GamesComponent,
'order/pay_orders': PayOrdersComponent
// 添加更多业务组件...
}
})
// 创建 Vue 实例
new Vue({
el: '#app',
router: AdminFramework.router, // 使用框架自动创建的 router
store: AdminFramework.store, // 使用框架自动创建的 store
render: h => h(App),
mounted() {
// 设置响应式字体
AdminFramework.uiTool.setRem()
// 只在已登录时获取系统标题
const token = this.$store.state.user.token
if (token) {
this.$store.dispatch('app/getSysTitle', {
defaultTitle: 'Demo 管理系统',
defaultLogo: ''
})
} else {
document.title = 'Demo 管理系统'
}
}
})
// 响应式适配
window.addEventListener('load', AdminFramework.uiTool.setRem)
window.addEventListener('resize', AdminFramework.uiTool.setRem)
```
### 5. 创建 App.vue
@@ -266,30 +208,6 @@ const app = AdminFramework.createApp({
}
})
```
#### install(Vue, options) - 传统方式
安装 Vue 插件(兼容旧版本)
```javascript
Vue.use(AdminFramework, {
config: yourConfig, // 项目配置对象(必需)
ViewUI: ViewUI, // ViewUI 实例(必需)
VueRouter: VueRouter, // VueRouter 类(必需)
Vuex: Vuex, // Vuex 类(必需)
createPersistedState: createPersistedState, // vuex-persistedstate 插件(必需)
componentMap: componentMap // 业务组件映射(可选)
})
```
#### 其他方法
```javascript
// 初始化 HTTP 配置
AdminFramework.initHttp(config, store)
// 添加组件映射
AdminFramework.addComponentMap(customMap)
```
### 工具库使用
#### HTTP 工具