首页 > 其他 > 详细

表单表格组件的封装

时间:2020-07-06 11:12:04      阅读:56      评论:0      收藏:0      [点我收藏+]

背景

  去年做了一个基于element-ui的layout组件发布到npm package上去,广受大家的欢迎,下载量颇升。这个组件的好处在于开发者不用写太多html代码和逻辑,只要通过配置json的方式就能马上生成后台,包括菜单栏和导航面包屑等一键生成,还能根据不同的需求做定制化后台界面,就像拼积木一样,让用户只专注于内容核心代码的开发。现在还没做大范围的推广,如果我觉得它做得足够好,我一定会推荐给各位读者哈。

  为了迎合公司的OKR,我提出了对表单表格组件的封装。为什么我会有这个想法?这源于我接手了公司的一个项目叫童画,每天做的事情感觉就是复制粘贴,修改部分不同的功能和字段名称。组件的意义在于可以在遇到同一类设计场景时,可以复用,从而减少设计的时间和形成产品的统一性。传统的搜索表单不就是这样吗?上面是表单搜索字段,中间是搜索结果的表格,下面是搜索结果的分页。把表单和表格组合起来的好处在于很多搜索字段都是基于表格组件的某些字段。

原理

  1. 搜索字段通过search=true进行筛选;
  2. 分页通过请求的total总数进行分页;

实践

表单表格组件的封装

原文:https://www.cnblogs.com/zhoudawei/p/13253555.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!