认识达内从这里开始

我们在进行后台软件开发的时候，为了能够更加快速的查找我们需要的内容，一般都会在后台中添加筛选的功能。下面我们就一起来了解一下，关于筛选功能的作用以及原理。

一、筛选的作用

我用几个比较典型的场景来描述后台系统中「筛选」发挥的作用吧。

有经验的电销同学在电话联系客户时，通常都有自己的小策略，比如先联系近期注册的客户，或者先给等级高的客户打电话等。「筛选」可以帮助电销同学按自己的优先级来工作，提高转化率。

客服同学需要找到在操作中遇到困难的客户并给予帮助，可通过筛选出近三天内有注册行为，但无后续操作的客户，电话联系提供帮助。

另外，如果系统内没有任务模块的话，「筛选」可以临时顶替一下。例如，组长下达指令「拨打1个月内注册，但无投资行为的客户」，电销同学便可筛选出对应的客户来拨打电话。

复杂多变的筛选条件，为使用系统的用户提供了更加方便灵活的工作方法。

二、筛选——页面布局

筛选的页面布局可简单地分为左右布局和上下布局。

我们在考虑筛选页面的布局时，通常与整个网站的布局保持统一即可。但是两种布局仍有一些微妙的差距：

左右布局能在同一页面即时看到筛选后的结果，而上下布局在筛选条件过多的时候，通常需要滚屏才能看到筛选结果。

左右布局的横向空间比较紧凑，在筛选条件过多的时候，表格本身需要左右滚动，在查阅信息的时候非常不友好。且左右布局下的表格通常长度也在一页的范围内，所以单页的信息密度低，需要频繁翻页。

三、几种常见的筛选设计

1. 所有筛选条件平铺展示

所有筛选条件平铺展示，简单粗暴的做法，问题也很明显，看起来非常冗余，不利于快速定位目标。这种设计通常只适合应用于后台权限系统做的比较精细，每个角色可见的筛选条件比较少的情况下。

优点是选择任何筛选条件时都只有一级，不需要跨层级操作。

如果选择了平铺展示的话，可以将筛选条件按逻辑或使用频率分类，让用户对各个筛选条件的位置有预期。

2. 保留高频的筛选条件，将复杂的筛选项隐藏在「高级筛选」中

保留高频的筛选条件，将复杂的筛选项隐藏在「高级筛选」中。这是一种比较通用的办法。

关于这个我有一个脑洞。我曾经设想，针对「账号ID」「手机号」「身份证号码」这类的精准筛选的条件，统一做成一个搜索。根据输入的格式去匹配字段，再在字段内进行筛选。这样可以将几个筛选条件整合为一个，节约了空间，(某种程度上来说)提升了体验。

但是在咨询了小伙伴之后，发现有以下几个问题：通用性可能差一点，不同 table 的条件不一样，就要写不同的判断格式的方法(我们在界面上看起来是一张表，但在数据库中是由很多张互相关联的表组成的);不同字段的格式可能是相同的，比如客户ID和订单ID;一般系统已有了全局搜索，这种替代筛选的精准搜索似乎是重复劳动。

3. 默认只展示筛选条件，不展示内容，check后显示内容

默认只展示筛选条件，不展示内容，check后显示内容。

四、筛选的逻辑关系

当筛选的可能性较复杂的时候，我们就需要考虑筛选条件的多种逻辑关系。比如我们在筛选「金额」字段的时候，有多种可能性「大于」「小于」「介于某个区间」等等;在筛选「所属销售」字段的时候，可能「是某人」，「除某人以外」，以及并列选几个人名的情况。

这种情况尤其会出现于需要自定义字段的系统中，在用户自定义字段的时候，就需要为不同的字段类型配置全面的筛选逻辑。例如，对于「数值字段」，对应的逻辑关系可能是「大于」「小于」「介于某个区间」;对于「纯文本字段」，对应的可能是「是」「否」「包含」「不包含」「为空」「不为空」等。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!