1
This commit is contained in:
@@ -86,9 +86,6 @@ class AdminFramework {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create app with simplified API (推荐使用)
|
* Create app with simplified API (推荐使用)
|
||||||
* @param {Object} config - application config
|
* @param {Object} config - application config
|
||||||
@@ -195,7 +192,6 @@ class AdminFramework {
|
|||||||
|
|
||||||
// Expose to global for debugging
|
// Expose to global for debugging
|
||||||
if (typeof window !== 'undefined') {
|
if (typeof window !== 'undefined') {
|
||||||
window.app = app
|
|
||||||
window.rootVue = app
|
window.rootVue = app
|
||||||
window.framework = framework
|
window.framework = framework
|
||||||
}
|
}
|
||||||
|
|||||||
82
使用说明.md
82
使用说明.md
@@ -170,64 +170,6 @@ const app = AdminFramework.createApp({
|
|||||||
app.$mount('#app')
|
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
|
### 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 工具
|
#### HTTP 工具
|
||||||
|
|||||||
Reference in New Issue
Block a user