vue - easyCrud 文档 - 一

  • 什么是easyCrud 组件

对于前端的后台管理,大部分情况下需要进行大量的增删查改工作,这部分工作又比较烦琐。所以我在基于element的基础上,封装了一个基本的增删查改表格组件。基本样式如下图所示。

vue - easyCrud 文档 - 一_第1张图片

由于本人审美不是太好,早期的版本做成了如下图所示样式。后来看到了avue,于是直接抄袭的ave的样式布局。

vue - easyCrud 文档 - 一_第2张图片

  • easyCrud能实现哪些功能

组件使用需要一组配置文件,组件读取配置文件自动加载界面,动态加载其他组件。提供新增、查看、编辑框、自动搜索、自动分页、自动重载表格等功能。并且支持插槽扩展表格或插槽替换原有表格部分区域。

表格的搜索及弹窗插槽部分,也可以托管到组件进行统一管理。如下图所示

vue - easyCrud 文档 - 一_第3张图片

使用该组件之后,你只需要编写一组配置以及实现表格的重载(表格触发该函数时,自动传递重载参数)、新增(自动传递新增数据)、编辑、查看、删除事件。这样一个CRUD就完成了。

你可能感兴趣的:(Vue)