我在随笔《EAV模型（实体-属性-值）的设计和低代码的处理方案（1）》中介绍了一些基本的EAV模型设计知识和基于Winform场景下低代码（或者说无代码）的一些实现思路，在本篇随笔中，我们来分析一下这种针对通用业务，且只需定义就能构建业务模块存储和界面的解决方案，其中的数据查询处理的操作。

1、数据的列表展示界面

 在一个页面模块中，列表界面往往是我们的入口界面，其中包含一些查询条件，数据展示，以及如新建、导入、导出、编辑等功能的入口，如下是我们常规的系统界面，使用固定的表字段来创建的常规化界面。

这个模块是一个标准的列表展示模块，由于不同的业务模块，我们生成不同的界面，因此，其中的字段确定的，因此界面也是可以做到个性化的处理，基本上都是强类型的处理了。

虽然这种方式查询比较快，界面比较个性化，不过缺点是每个界面需要单独处理，即使利用我们的代码生成工具，也只是加快开发后端代码和前端界面代码的开发，模式并未变化。

如果我们采用EAV模型的处理，由于我们的业务表和字段是动态定义的，因此针对所有的业务界面都是一个通用的窗体来演化的，也就是新增业务模块，代码不用变化，统一展示处理和保存处理。

那这样，我们的查询字段就可能需要动态化了，但是WInform没有BS前端那样比较容易定制界面布局，因此我们换一种思路来解决这个问题，把查询字段通过列表选择的方式，条件根据不同的数据类型来创建不同的输入控件来实现，如下所示。

 

2、查询字段和条件输入的处理

通过下拉列表的方式选择不同的字段进行查询，如果是数值型或者日期，我们可以根据不同类型来创建输入控件组，来实现区间数值或者日期的输入。

我们的EAV模型设计中，实体类型和属性的定义是放在关系型数据库（如SqlServer、Oracle等）中出存储的，如下所示。

而实体记录的数据，则是根据属性不同的类型，保存在MongoDB的NoSQL数据库中的。

对于查询，我们通用的处理，就是从关系型数据库中获取属性的定义信息，然后填充到下拉列表中即可。

        /// <summary>
        /// 初始化属性列表
        /// </summary>
        /// <returns></returns>
        public async Task InitProperties()
        {
            if (EntityType_ID.IsNullOrEmpty())
            {
                return;
            }

            //获取实体类的属性列表
            var attrList = await BLLFactory<IAttributeService>.Instance.GetAllEnableByType(EntityType_ID);
            if (attrList?.Count > 0)
            {
                var attrItems = attrList.Select(s => new CListItem(s.Name, s.Id)).ToArray();
                this.txtAttribute.Properties.Items.Clear();
                this.txtAttribute.Properties.Items.AddRange(attrItems);

                //默认选择
                if (attrItems.Length > 0)
                {
                    this.txtAttribute.SelectedIndex = 0;
                }
            }
        }

为了使得创建界面更加方便，我们创建一个用户控件来处理这些内容的变化，以及根据不同属性值类型的变化，显示不同的输入控件（如数值型、日期型、文本型）。

 由于不同的控件组的界面长度不同，因此我们可以使用一个StackPanel的方式，来动态添加控件到面板中，这样显示更加紧凑好看。

在字段的变化后，触发添加的输入控件组，如下代码所示。

        private void txtAttribute_SelectedIndexChanged(object sender, System.EventArgs e)
        {
            var attributeId = this.txtAttribute.GetComboBoxValue();
            var attributeInfo = GetAttributeInfo(attributeId);
            if(attributeInfo != null)
            {
                AddFilterControl(attributeInfo);
            }
        }

如对于日期类型的数据，我们动态添加两个不同的起始日期控件输入，可以让用户输入开始日期，结束日期的区间进行查询。

    case EAVValueType.DATETIME:
        {
            var dateStart = CreateDateEdit("dateStart", info);
            this.panel1.Controls.Add(dateStart);

            var labelDate = new LabelControl();
            labelDate.Text = "~";
            this.panel1.Controls.Add(labelDate);

            var dateEnd = CreateDateEdit("dateEnd", info);
            this.panel1.Controls.Add(dateEnd);
        }

 

在我们触发查询按钮的事件的时候，根据面板的控件内容，进行查询的处理代码如下所示。

界面效果如下所示。

3、自定义条件查询

 上面的条件是针对一个字段条件进行查询的，有时候为了定位出符合条件的记录，可能需要输入多个不同的条件进行组合查询，那么应该如何处理这个需求呢。

因为WInform上创建自定义布局，确实不太好处理，因此变通一下，采用一个构建不同自定义条件作为一个用户自定义控件的方式，让用户添加多个条件进行组合即可。

而且组合条件需要动态化创建，不需要的条件可以随时移除，最好能够紧凑型的，那么可以采用StackPanel来堆叠不同的条件，在任何位置移除一个，都会顺序显示。

首先创建一个主窗体面板，来承载添加和显示多个条件以及触发查询的处理按钮，如下所示。

每个条件我们根据属性字段的名称，以及属性值的类型来动态创建，因此需要自定义一个用户控件比较好，整块作为一个模块，添加移除也方便。

自定义用户控件的一项条件，如下所示。

 整个界面的面板中可以添加多个条件或者移除任何一个条件，如下界面所示。

创建的只定义条件查询，触发条件通过只定义事件进行处理即可。

    /// <summary>
    /// 动态生成条件组合的界面
    /// </summary>
    public partial class FrmEAVCondition : BaseForm
    {
        /// <summary>
        /// 实体类型ID
        /// </summary>
        public string EntityType_ID { get; set; }

        /// <summary>
        /// 自定义条件变化委托
        /// </summary>
        /// <param name="condition"></param>
        public delegate void ConditionChangedEventHandler(FilterDefinition<BsonDocument> condition);

        /// <summary>
        /// 查询条件触发的事件
        /// </summary>
        public event ConditionChangedEventHandler ConditionChanged;

查询控件按钮触发查询处理，代码如下所示。

/// <summary>
/// 触发查询按钮，根据多个条件组合查询
/// </summary>
private void btnSearch_Click(object sender, EventArgs e)
{
    var filterControls = new List<FilterDefinition<BsonDocument>>();
    foreach (Control control in panel1.Controls)
    {
        if (control is EAVFilterControl filterControl)
        {
            var filter = filterControl.GetCondition();
            if (filter != null)
            {
                filterControls.Add(filter);
            }
        }
    }

    var filterList = Builders<BsonDocument>.Filter.Empty;
    if (filterControls.Count > 0)
    {
        filterList &= Builders<BsonDocument>.Filter.And(filterControls);
    }

    // 处理数据查询后的事件触发
    if (ConditionChanged != null && filterList != null)
    {
        ConditionChanged(filterList);
    }
}

这样在列表展示的界面中调用这个只定义条件窗体，并在条件变化后，重新根据选择条件，刷新列表即可，如下代码所示。

/// <summary>
/// 自定义条件查询
/// </summary>
private void btnCondtion_Click(object sender, EventArgs e)
{
    if (this.EntityType_ID.IsNullOrWhiteSpace())
    {
        MessageDxUtil.ShowTips("请设置实体类ID");
        return;
    }

    var dlg = new FrmEAVCondition();
    dlg.EntityType_ID = this.EntityType_ID;
    dlg.ConditionChanged += async (condition) =>
    {
        this.advanceCondition = null;
        this.filterCondition = condition;
        await BindData();
    };
    dlg.ShowDialog();
}

另外，我们也可以根据相同的处理方式，构建一个高级查询模块的处理。

我根据已有的高级查询处理界面效果，改进了一下，适应于EAV模型的高级查询，比较容易操作一些。

高级查询的界面弹出一个窗体，在里面的条件双击内容输入即可，一般文本是模糊查询，数值和日期是区间查询。如下界面所示。

 

以上就是EAV模型设计里面，关于动态化查询处理的一些界面心得，主要就是为了适应所有的模块处理，弹性化的界面设计，可以有效的屏蔽一些差异。

如果你有好的建议，也可以在留言区一起交流，感谢抽出宝贵的时间进行阅读及支持。 

专注于代码生成工具、.Net/.NetCore 框架架构及软件开发，以及各种Vue.js的前端技术应用。著有Winform开发框架/混合式开发框架、微信开发框架、Bootstrap开发框架、ABP开发框架、SqlSugar开发框架等框架产品。
  转载请注明出处：撰写人：伍华聪  http://www.iqidi.com