成熟的ERP系统的界面应该都是从模板中拷贝出来的,各类功能的界面有规律可遵循。软件界面设计模式化或是艺术性的创作,我认可前者,模式化的界面客户容易举一反三,降低学习门槛。除了一些小部分的功能界面设计特殊一些,ERP绝大部分的功能的界面都相似。以我接触和设计的ERP系统,总结常见的界面设计模式,供读者参考。
模式1 单据 Entry
常用于各种单据的输入界面,也可用于主文件/主档(客户,供应商,部门等)界面,参考下面的图片。
我在图中作了标识,A区是工具条按钮,所有的界面共享工具条按钮,接着是数据输入区,数据输入分为主表和明细表。
主表中关键的字段放在界面最顶层,其它各字段根据功能相似的类别组合在一起,B区中除了放置表头数据,还需要用新增加选项卡的方式放置明细数据。C区是单据状态栏,上图中显示了当前单据的创建时间和创建人,也可以增加显示当前单据的状态(未审核,未过帐)。D区是功能状态栏,显示与当前功能关联最重要的会计期间,登入用户和帐套等信息。
模式2%26nbsp; 单据查询 Enquiry
这是第一个界面的只读版,去掉了工具条中的新增,删除和编辑功能。代码的实现也非常容易,只需要设定相关属性。
public class PurchaseOrderEnquiry: Sales.PurchaseOrderEntry
{
public PurchaseOrderEnquiry()
{
this.SupportAdd=false;
this.SupportDelete=false;
this.SupportEdit=false;
}
}
%26nbsp;
模式3 数据查询 Query
这种模式常用来作数据列表查询,上面的两个界面解决了单个数据的编辑,另一种情景中我们常常想要一个列表查询(List),看一下根据指定的过滤条件看一下系统有多少笔数据。
数据查询界面设计模式包含四个部分,A区是过滤条件,B区是按钮动作,可以执行查询或是清除A区的过滤条件,C区是数据结果呈现区域,D区是插足结果浏览,打印或是导出Excel。
这个界面模式中的C区结果数据带有钻取功能,看上图中的User Id列,带有蓝色的下划线&#x