1
This commit is contained in:
@@ -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
|
||||
}
|
||||
|
||||
82
使用说明.md
82
使用说明.md
@@ -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 工具
|
||||
|
||||
Reference in New Issue
Block a user