解析大型.NET ERP系统 十三种界面设计模式

成熟的ERP系统的界面应该都是从模板中拷贝出来的，各种功能的界面有规律可遵循。软件界面设计模式化或是艺术性的创做，我承认前者，模式化的界面客户容易触类旁通，下降学习门槛。除了一些小部分的功能界面设计特殊一些，ERP绝大部分的功能的界面都类似。以我接触和设计的ERP系统，总结常见的界面设计模式，供读者参考。

模式1 单据 Entry

经常使用于各类单据的输入界面，也可用于主文件/主档(客户，供应商，部门等)界面，参考下面的图片。

我在图中做了标识，A区是工具条按钮，全部的界面共享工具条按钮，接着是数据输入区，数据输入分为主表和明细表。

主表中关键的字段放在界面最顶层，其它各字段根据功能类似的类别组合在一块儿，B区中除了放置表头数据，还须要用新增长选项卡的方式放置明细数据。C区是单据状态栏，上图中显示了当前单据的建立时间和建立人，也能够增长显示当前单据的状态(未审核，未过账)。D区是功能状态栏，显示与当前功能关联最重要的会计期间，登入用户和账套等信息。

模式2  单据查询 Enquiry

这是第一个界面的只读版，去掉了工具条中的新增，删除和编辑功能。代码的实现也很是容易，只须要设定相关属性。

public class PurchaseOrderEnquiry: Sales.PurchaseOrderEntry
{
     public   PurchaseOrderEnquiry()
     {
             this.SupportAdd=false;
             this.SupportDelete=false;
             this.SupportEdit=false;
      }
}

模式3 数据查询 Query

这种模式经常使用来做数据列表查询，上面的两个界面解决了单个数据的编辑，另外一种情景中咱们经常想要一个列表查询(List)，看一下根据指定的过滤条件看一下系统有多少笔数据。

数据查询界面设计模式包含四个部分，A区是过滤条件，B区是按钮动做，能够执行查询或是清除A区的过滤条件，C区是数据结果呈现区域，D区是插足结果浏览，打印或是导出Excel。

这个界面模式中的C区结果数据带有钻取功能，看上图中的User Id列，带有蓝色的下划线，双击能够进入指定的功能。

模式4  功能操做  Perform Action

ERP系统中有一部分功能是为了执行一项数据操做，好比日历初始化功能，根据用户输入的日期范围生成日历数据。

这部分界面简单，只须要放置相应的控件，从控件中取值以后执行数据操做。

参考下面的数据存档功能的界面，选择要存档的单据类型，点击处理(Process)便可执行单据存档操做。

Perform Action模式由于是彻底自定义的界面，因此要用后台线程组件(BackgroundWorker)处理按钮事件(Process中的事件)避免死锁主界面，执行过程当中光标也应该是等待状态(Cursors.Waiting)。

 

模式5  批次处理(过账，批核) Batch Process(Posting,Approve)

批次处理界面用于简化单据通用操做，好比须要将今天各部门提交上来的物料采购申请一次性或部分的批核完成。将销售订单部分所有过账完成。通用的操做界面方便了管理层对数据的操做。

批次处理功能分五个区，A区是数据过滤条件区，用于输入过滤条件，B区是根据A区中的过滤条件查询到的未过账的数据，C区是B区中的每笔数据的显示，最后，经过D区中的全选或反选，点击处理(Process)按钮，完成批次处理。

E区能够对B区中的数据进行浏览，或是打印，导出。

这个界面模式与模式3操做类似，先根据过滤条件获得数据，再进行数据操做。

再举一个批次申请加班的例子，参考下面的图片，用于批次申请员工加班。

A区是过滤条件区，用于选择一个部门或是班次的一组员工，B区是根据过滤条件获得的员工列表，在C区中填写员工加班的开始时间和结束时间，最后点击D区中的处理(Process)按钮，批次生成加班记录申请表。

 

模式6  Excel导入 Excel Import

这种模式用于单据的Excel数据文件导入，即便是上线完成，ERP系统中也会包含一部分从Excel导入的功能和数据。

具体见个人文章《解析大型.NET ERP系统 设计通用Microsoft Excel导入功能》，这篇文章中详细讲到了这种模式。

这种模式包含三个区域，A区是模板操做区，好比新建，保存或是加载现有的模板，B区是模板的预览结果，将模板导出到Excel文件，按照栏位顺序要求一次填入数据，最后到C区中，选择包含数据的Excel文件，执行导入。

对于非通用的Excel导入，界面设计稍微有所区别，参考下面的图片。

非标准化的Excel导入功能包含三个区域，A区选择Excel文件，B区显示A区中选择的文件的数据，至关于预览数据，C区执行导入数据，导入完成后会提示导入成功和失败的数据项，C区还提供一个模板导出功能，方便用户填写数据。

 

模式7 大量更改  Mass Change

这个模式来源于ERP中的大量工程更改。对已经发行的物料清单要做出调整，须要用ECN(Engineering Change Notice)功能完成。大量工程更改是ECN的批次处理方法实现。ECN每次只能选一个物料清单，而大量工程更改能够根据过滤条件，选择一个范围内的物料清单对它们进行修改（增减物料或工序）。

大量更改设计模式随业务不一样稍微有所变化，但大体如上图所示分为四个区域。A区是过滤条件，B区是要执行的动做，好比对物料清单增长物料或删除工序，C区中有一些选项卡，用于显示受影响的数据，这样让用户能够知晓哪些数据会被修改。D区是执行修改动做。四个区域的设计，由过滤条件(A)到受影响的数据(C)，增长要执行的动做(B)，最后执行。

 

模式8  数据查找  Lookup

数据查找窗体用于简化数据输入，提供系统可用性。好比输入供应商时，能够弹出供应商选反对话框，输入客户编号的地方，能够弹出客户编号对话框。

数据查找窗体设计模式包含三个区域，A区是数据结果区，显示知足条件的查询数据，B区能够对A区的数据进行搜索，借助于Infragistics WinGrid的功能，A区也能够对数据进行搜索，重排序，分组，统计(求和，求数量，求平均值)，C区是肯定按钮，用于返回A区中光标所选中的行。

以上是单一数据查找窗体，参考下面的多笔数据查询窗体，支持选择一行或多行数据，只是在C区中多增长了几个按钮。

相比于前面的图片，上图中的图片多了两个选择项按钮。

 

模式9 附件 Attachment

ERP功能中的单据支持附件管理，好比客户主档功能中，将客户的资质等信息以附件文档的形式保存在客户主档功能中。每次想查看客户的资料，直接从系统中查看附件。

具体见个人文章《解析大型.NET ERP系统 通用附件管理功能》，这篇文章中详细讲到了这种模式。

附件管理功能界面包含四个区域，A区是工具条，用于增删改单据的附件数据，B区是单据的附件数据列表，C区是B区的附件文件浏览窗口，D区用于对C区的附件文件进行操做。可另存到本机或是在操做系统进程中打开附件文件。

附件界面设计模式中，附件文件能够保存在数据库，共享文件夹或是FTP服务器中，这样D区的实现代码会因存储位置的不一样，稍微有所变化。

 

模式10 报表 Report

ERP系统包含数量庞大的报表库，设计一个通用的报表阅读界面给系统增色很多，报表界面支持常见的报表操做(打印，导出，缩放尺寸，搜索)。

报表界面模式包含二个区域，A区域是工具条，常见的功能是报表导出，打印设置，缩放，查找。B区域是水晶报表控件。

 

模式11 消息中心 Message Center

ERP系统中包含数据流转和消息推送，一些要批核的单据，要处理的待办事项，须要有一个统一集中的地方进行管理。

消息中心模式抄袭了Outlook Express的界面设计方法，参考了下面的消息中心的模式图片。

消息中心模式分三个区域，A区是目录，常见的收个箱，发件箱，待批核，已批核，B区是项目列表，好比收件箱邮件列表，C区是B区的详细内容显示。工具条能够增长新增消息，回复消息，删除消息等功能对项目进行操做。

 

模式12 批核 Approval

批核模式用于单据或文档的批核，ERP系统中包含固化的流程，也包含一些随条件变化而不一样的流程，最后都在同一个界面中完成批核功能。

批核模式包含五个区域，A区是过滤条件区，B区根据过滤条件查询获得的待批核的数据，C区用于填写备注文字，D区执行批核功做(批准或拒绝)，E区显示批核的进度。

注意B区网格前列有一个能够打勾的小方框，表示批核能够批次处理，节省领导处理批核时的宝贵时间。

 

模式13 图形报表 Graph Report

图形报表模式是以图形化的方法显示数据，柱状图，饼图，曲线图直观的看出数据的变化。.NET 内置了图形报表控件。

图形报表设计模式包含三个区域，A区是过滤条件，B区是根据过滤条件获得的数据，B区也支持以常规的网格Grid的方式呈现数据，以图表的形式则更受欢迎，最后是C区对B区的图表进行打印设置，输入图形文件。

 

标准化的界面方便了用户快速掌握ERP系统的功能和操做方法，供读者参考。每种模式都预先设计好通用的抽象窗体基类，具体的功能只须要继承基类，重写相应的方法便可达到目的。