接近年末,项目也做的差不多,闲余时间挺多得于是就没事自己想手撸一个管理框架。基于vue,elemen-ui的,代码已经写了几天了大致的模型是出来了。

和大部分后台管理类框架一样都是千篇一律的布局,下面我先说说我组件化的一些想法。
像这种后台管理类别的项目一般页面的表格比较多。所以我把element-ui的table组件自己封装了一层。

举个例子,就想上图的表格。像这样的页面应该有很多,但是我每个页面只写了一些配置而已,页面的效果渲染在组件内部已经封装好了。

这是我所有含有表格页面的公共组件commontable,想要页面绘制出完整的东西,我在我的页面只需要写几个配置就行。

上图是我页面表格的配置 apiurl:接口,options:表格你想要的列,以及每一项你可以自己随意配置宽,对其方式等,handleNameList:表格的操作按钮,handleNameGroup:表格操作按钮(下拉形式)。
所有的这种类似页面我们都只需要写这种配置就行,极大减少了代码量,也方便维护和管理。组件可以自己拓展任意功能。