zl程序教程

您现在的位置是:首页 >  前端

当前栏目

关于vue-admin-work后台前端管理框架重大升级

Vue后台框架前端 管理 关于 升级 重大
2023-06-13 09:13:59 时间

前段时间我们发布了 vue-admin-work的初期版本,受到了很多的小伙伴的支持与鼓励,在这里再次感谢大家对 vue-admin-work的关注。但是在此期间我们也发现了很多的不足之处,其中最大的一个不足就是:

基础框架本身和很多业务逻辑耦合在了一起,换句话说就是,一些基础的功能(大部分后台都有的功能)和一些业务逻辑页面都在一个项目中,如果我们想快速再搭建一个新的后台前端管理系统,就不得不再复制一份,再删除没有用的功能,这样是可以做到的,但是这样不能叫快速搭建。

针对这一痛点,我们想着能不能把一些基础的功能都放到在一个项目中,然后再别人的项目中引入,再简单配置一下就可以快速完成一个后台前端管理系统的搭建呢?答案是可以的。在这样的背景下,我们的开源作品vaw-layouts项目就正式诞生了。

不过有一点需要注意的是:vaw-layouts项目内部还是使用的 vue2.xelement-ui做为支撑。所以想要使用的这个项目的小伙伴,就得再提前引入使用这两个项目了。

整体的来看一下 vaw-layouts项目的功能有哪些:

整体的布局

  • 左右结构
  • 上下结构
  • 分栏结构
  • 同时要支持手机,平板,电脑的响应式结构

多种主题

  • 明亮主题
  • 暗黑主题
  • 蓝色菜单主题
  • 黑色菜单主题

主题颜色

侧边栏

  • 普通样式
  • 分栏样式
  • 支持无限子级

顶部栏(导航栏和状态栏)

  • 面包屑
  • 动作按钮
  • 用户状态
  • 标签栏

主要内容区域(平时我们开发的页面主要显示区域)

大体的功能就这些,看着其实不多,但是里面内容还真是挺多。看一下几张演示图吧: