界面设计方案之 (1) 枚举字典如何设计

1 评论 4826 浏览 18 收藏 6 分钟

下面这篇文章是笔者讲述的关于在界面设计方案中,枚举字典设计说明等的相关内容,想要了解的同学可以了解一下哦!

一、应用场景:为何需要枚举字典?

所谓枚举就是能够明确列出有限个具体取值的东西,在具体场景中,例如事件紧急程度:高、较高、中、较低、低,性别:男、女、未知。

枚举字典:

类似于excel中的枚举。将业务中可以枚举的项,定义成枚举字典,供全局使用。

设计枚举字典页面的好处就是,前端的视图页面面向普通系统用户,用户或者非代码专业人员可以自定义枚举值,开放性维护;再者当同样的枚举在多处使用时,仅需定义一次,当枚举值因业务需要发生增减或变更时,也只需要在枚举页面修改一次。

二、枚举字典设计说明

1. 列表页面展示

1)枚举字典一级页面

定义业务字典名等信息,每项字典下拥有自己所属的字典值集,例如用户性别{男,女,未知}。

检索条件支持字典名称和状态。

枚举字典一级页面

2)枚举字典二级页面

点击字典英文名蓝字进入下钻二级页面,展示定义的字典的具体枚举值,例如男,女,未知就是性别字典的具体枚举值。

检索条件支持字典标签和状态。

枚举字典二级页面

2. 功能展示及说明

1)新增字典

设计定义的字段如图:字典的中文名、字典英文名、字典备注、字典枚举定义(包括字典标签、字典键值、字典排序、字典备注)。

字典标签用来定义具体的枚举值,字典键值用数字来标记字典标签,是一一对应的关系,字典标签用来控制字典枚举在列表上的展示顺序。

字典新增提交默认状态为启用状态,用来控制此条字典在系统中的可用性。

新增字典页面

2)新增字典枚举

设计定义的枚举值字段如图:字典标签、字典键值、字典排序、备注。

除了可以在一级页面新增字典的同时定义字典的枚举,还可以在二级页面的新增功能里,单独定义一条字典的枚举。

新增字典枚举页面

三、应用说明

用来维护系统各种的下拉选择框的枚举值。

我们在设计和开发系统时,会有许多用到枚举下拉框的地方,这些具体的枚举变量混在在前后端代码里面是一种很不规范的开发行为。

有了枚举字典以后,就可以在前端显式地维护枚举值并入库,开发人员可有根据自己的业务需要去绑定枚举字典并取出字典的枚举值。

开发人员可以根据系统页面设计需要,将枚举处理成其他结构的数据来使用。

四、扩展优化思路说明

级联树状枚举字典

上文给出的枚举字典的例子是这样的:

而级联式的枚举字典是这样的:

设计级联树状的枚举字典能够支持更复杂的业务逻辑需要。

五、小结

枚举字典的设计也是为了能够提高生产效率,便于数据的统一维护。

其次像这种典型的下钻页面也是一种很好的设计思路,读者们可以自行在未来的实践中尝试这种方案。

六、其他界面设计方案

界面设计方案之 (2)模型类页面设计思路https://www.woshipm.com/share/5918537.html

本文由 @犹豫就会败北 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 级联的到底是字典,还是字典枚举。没有说清楚呀!

    来自广东 回复