百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

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

xsobi 2025-04-24 10:02 17 浏览

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

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

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

枚举字典:

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

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

二、枚举字典设计说明

1. 列表页面展示

1)枚举字典一级页面

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

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

枚举字典一级页面

2)枚举字典二级页面

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

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

枚举字典二级页面

2. 功能展示及说明

1)新增字典

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

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

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

新增字典页面

2)新增字典枚举

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

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

新增字典枚举页面

三、应用说明

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

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

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

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

四、扩展优化思路说明

级联树状枚举字典

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

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

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

五、小结

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

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

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

题图来自Unsplash,基于CC0协议

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

相关推荐

5.5英寸触屏,搭载“安卓系统”的智能计算器评测:这设计挺脑洞

“计算器”可以说是我们日常生活中较为常用的一款电子产品,纵使手机上也有计算器功能,且足以替代实物计算器,但现在还是有很多人习惯用实物计算器,例如;做批发的店铺老板,计算器就放在店铺显眼位置,结账时顺手...

Android之父晒新款手机,造型酷似遥控器

安迪·鲁宾大家可能并不陌生,鲁宾曾一手创建了安卓操作系统,被外界誉为“安卓之父”。2015年鲁宾又创立智能手机公司EssentialProductsInc,还获得亚马逊和腾讯的投资。在筹备两年后,...

WP8.1的IE11为何不支持淘宝网触屏版?

IT之家(www.ithome.com):WP8.1的IE11为何不支持淘宝网触屏版?众所周知IE浏览器有自己的一个内核(简称IE内核),WP8.1系统的自带移动版IE11浏览器,但为什么iOS、An...

手机屏幕失灵乱跳乱点,屏幕时好时坏是怎么回事?

我们平时在使用手机的时候,如果我们的手机经常出现屏幕不受控制,手机屏幕会出现乱跳自己乱点的一些情况,这是什么问题呢?出现这种问题我们应该怎么去解决呢,今天我们九一手机维修就来跟大家说说这个问题该怎样去...

跨界表演有风险,百事手机 P1 众筹宣告失败

大家还记得曾经轰动一时的百事手机P1吗?这款10月份曝光、11月份众筹的手机在京东众筹失败,已经退款。想要喝着百事可乐玩着百事手机的网友,赶紧该干嘛干嘛去吧。据悉,百事可乐P1采用铝合金...

“傀儡”病毒感染超10万台手机

本报讯(记者孙奇茹)手机在没人操作的情况下,竟然自己亮屏、执行一些动作。这不是闹鬼,而是手机中毒了。日前,猎豹移动安全实验室发出警报,全球首个伪造模拟用户操作的安卓病毒被截获,并被命名为“傀儡(Go...

Android事件分发机制

事件分发机制Android事件分发是指在Android系统中,当用户触摸屏幕或执行其他操作时,系统如何将这些事件传递给正确的视图或组件进行处理的过程。Android事件分发遵循一种称为"事件分...

Android让视图像玻璃一样破裂

AndroidUILibs之BrokenView1.说明BrokenView让视图产生玻璃破裂的效果。注意:该库只能在API14以上的设备上运行2.配置在模块的build.gradle上面添加...

车载大屏爽翻了?英国研究机构:大尺寸触摸屏比酒驾更危险

大屏不仅蔓延到手机,汽车也不例外,得益于更加直观的人机交互体验,车载触控大屏逐渐成为越来越多车企的主流选择。然而最新的一项研究证明——触控大屏比酒驾、毒驾更危险。日前,英国一项道路安全研究报告指出,当...

安卓系统被曝严重安全漏洞 恶意程序竟能秘密拍照或录制音视频

央视网消息:据今日俄罗斯网站20号报道,以色列一家知名网络安全公司宣称发现谷歌、三星等制造商生产的安卓手机,系统存在严重安全漏洞,黑客能够在未经手机机主许可的情况下,操控安卓手机秘密拍摄照片、录制视...

央视曝光:安卓系统曝漏洞!有人可能正在用你的手机...

近日,谷歌、三星等制造商生产的安卓手机,被曝出系统存在严重安全漏洞。黑客能够在未经手机机主许可的情况下,操控安卓手机秘密拍摄照片、录制音视频并上传。点击下方,先看视频↓↓↓视频来源:央视新闻利用漏洞!...

安卓系统曝漏洞!有人可能正在用你的手机秘密拍照

近日,谷歌、三星等制造商生产的安卓手机,被曝出系统存在严重安全漏洞。黑客能够在未经手机机主许可的情况下,操控安卓手机秘密拍摄照片、录制音视频并上传。利用漏洞“恶意应用程序”拍照、录音视频并上传据今日俄...

安卓用户注意了 你的爱机可能会面临新式恶意攻击

据外媒报道,最近,东京早稻田大学的三名学者称,现代Android智能手机容易受到一种名为“Tap'nGhost”的新型攻击,这种攻击可以使不存在的“手指”点击手机屏幕,以采取行动。“Tap'nGh...

Android学习之Touch事件的处理

在移动开发过程当中,我们经常会遇到手势处理和事件触摸的情况,如果不了解整个事件的处理机制,对于开发的同学和码农是非常痛苦的,但是事件触摸的处理确实是一个非常复杂的过程,细讲起来,估计我都能讲迷糊,这里...

办公小技巧:制作模糊查询效果Excel下拉菜单

在Excel单元格中输入特定范围的内容时,一般会利用数据有效性生成下拉列表的方式进行,但如果源列表的内容太多(比方说有数百个),这时再通过下拉列表查找需要的值就很不方便了。如果采用智能感知的模糊查询下...