低码:标准列表页应该是什么样子?

本文探讨了B端产品低码平台中列表页的通用设计,包括筛选与搜索、分页排序、批量操作和数据权限体系等功能,并详细阐述了标准接口定义,如枚举接口、查询排序接口、增删改接口和批量操作接口,以及在实现过程中的一些思考与讨论,如数据权限的优化、搜索维度和标签筛选的实现。
摘要由CSDN通过智能技术生成

点击↑上方↑蓝色“编了个程”关注我~

7aea0c89fb8c37cd07bf6b2fd790e7de.png

这是Yasin的第 76 篇原创文章

9b910e7327e79b5fec171d9c5bdd3f43.png

最近在研究B端产品在低码平台上的落地实践,打算先从列表页入手。因为绝大多数B端产品都会有一个列表页作为操作动线的起点,它们具有非常大的共性,比较适合低码搭建。本文试图总结绝大多数列表页产品的共性,用于搭建一个比较通用的列表页低码模板。

列表页的产品功能

8e8e5b1cace3cbd0f4574a916dc34dd5.png

筛选与搜索

用户只关心自己想关心的数据,过滤掉自己不关心的数据。为了满足这个实际的用户需求,列表页通常会有筛选和搜索的功能。

筛选

筛选指的是通过一系列的筛选条件组合,最终形成一个多维度的筛选条件。

筛选有多种产品形态。最常见的就是「多个输入框、下拉菜单、时间选择器的组合」。还有一种是「使用Tab来控制显示不同的筛选条件」

9b4542d1e67f6396c7b66be44bda2d02.png

最后一种是“标签”的形式,比如“最近3个月创建”,“审批中”等等,做得高级一点的产品,用户可以根据所有的筛选条件,自己创建属于自己的常用标签。标签其实是快捷操作的概念,可能不止是筛选的组合,还有可能加上排序的能力。

3dc8ebce86a76433330b44ea44d063ef.png
搜索

而搜索分为两类,一类是简单搜索,适用于绝大多数场景。它的产品形态就是一个简单的输入框,用户可以输入关键字,没有任何反馈,和筛选项一起,组成数据过滤的最终条件。简单搜索有可能会分字段搜索,比如按名称搜索、按code搜索等。

982854fef1923b2ef96295c3a2cefde1.png b9423ea89fe54f7f3c41ae51ac897ff1.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值