我在随笔《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模型设计里面,关于动态化查询处理的一些界面心得,主要就是为了适应所有的模块处理,弹性化的界面设计,可以有效的屏蔽一些差异。
如果你有好的建议,也可以在留言区一起交流,感谢抽出宝贵的时间进行阅读及支持。
标签:控件,界面,--,查询处理,查询,处理,条件,var,EAV From: https://www.cnblogs.com/wuhuacong/p/18193612