我正在为我的网站构建高级搜索页面，用户可以在其中为条件选择搜索类别，然后为其输入值。用户可以根据需要输入任意数量的条件，并且可以使用AND或OR子句将每个条件链接到下一个条件。作为一个视觉，这与我的目标非常相似：http://blog.lib.umn.edu/jeffryes/biomedical/Copy%20of%20Web%20of%20Science.png
我还想让用户能够对条件搜索条件进行分组。例如，Web of Science界面仅允许这些类型的查询：
a == apple AND b == 10 OR c == cranberry AND d == 20
但是我希望我的用户能够做到这样的事情：
(a == apple AND b == 10) OR (c == cranberry AND d == 20)
但是我很难想出一种直观且易于使用的方式来实现UI，以允许用户对这样的搜索条件进行分组。任何建议或示例网站都有类似的东西，我可以从中得到一些灵感？
答案 0 :(得分：0)
虽然这实际上取决于您的目标受众是谁以及他们的技术水平。由于您正在描述相当复杂的条件过滤，我将假设目标用户可以轻松地写出逻辑。
我喜欢salesforce.com在报告引擎中实现类似过滤的方式。作为用户，您可以通过单击加号（图标）添加任意数量的条件。默认情况下，它们都是AND，但是，您有一个文本字段，您可以在其中输入逻辑。
例如： 1. ==苹果 2. b == 10 3. c ==蔓越莓 4. d == 20 条件逻辑：（1和2）或（3和4）
如上所述，这对于商业应用程序或消费者应用程序中的某个地方是有意义的，其中用户自我选择是相当精明的。如果你期望消费者在没有一些高级准备的情况下使用它，那绝对不是正确的方法。