简介
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui 实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。更多详情参考官方文档。
安装
1 |
|
最终效果:
基础模板
vue-element-admin项目集成了很多可能用不到的功能,会造成不少的代码冗余。所以我们以vue-admin-template为基础模板,通过复制vue-element-admin项目的内容添加到基础模板中,从而实现符合自己需要的后台管理项目。
1 |
|
最终效果:
整合到其它vue项目
我用vue-cli创建了一个vue项目,现在要把该后台管理系统整合vue项目中,我选择的是用复制的方法复制一个个视图文件。
首先其它vue项目要先安装好element-ui,然后把后台管理系统的视图文件根据自己的需要复制vue项目中,在后台管理系统源码的src
文件夹下,还有该系统自带的一些图标、脚本文件,如下图:
部分视图文件需要依赖src/
文件夹里的icons/
、utils/
等文件夹里的内容,复制时根据需要复制这些文件夹及内容到其它vue项目中。