%20(2).svg)
项目简介
本项目将后台管理系统的业务功能进行插件化处理，像用户信息、角色管理等模块都独立为小项目，使用rollup打包成npm包。在后台管理系统中安装这些npm包就能实现对应功能，极大地方便了业务模块后续的升级与维护。
项目的主要特性和功能
- 插件化设计：把业务功能模块拆分成独立插件，达成功能解耦与模块化。
- 灵活配置：可通过配置参数对插件进行灵活定制。
- 易于扩展维护：便于添加新的业务功能模块，且不会影响其他部分的功能。
- 示例插件：提供表格组件插件，如
/dynamic-table、/drag-table、/inline-edit-table等，用以展示插件的开发与使用方式。
安装使用步骤
假设用户已经下载了本项目的源码文件。
1. 安装依赖：进入项目目录，执行以下命令安装项目依赖。
bash
npm install
2. 打包插件：执行打包命令，生成 dist/index.js 文件。
bash
npm run build
3. 安装插件到后台管理系统：在后端管理系统项目中，安装本插件。
bash
npm i vue-component-plugin
4. 引入插件：在后端管理系统项目的入口文件 main.js 中引入并配置插件。
```javascript
import router from './router'; // 全局路由封装
import request from './utils/request'; // 全局请求封装
import vueComponentPlugin from 'vue-component-plugin'; // 插件引入
Vue.use(vueComponentPlugin, { // 插件配置参数
$request: request,
$router: router
});
5. **运行项目**：启动后台管理系统项目。bash
npm run dev
6. **访问插件页面**：在浏览器中输入以下任意路由即可访问插件页面。
/dynamic-table
/drag-table
/inline-edit-table
```
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】