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

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

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

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

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

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

枚举字典:

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

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

二、枚举字典设计说明

1. 列表页面展示

1)枚举字典一级页面

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

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

枚举字典一级页面

2)枚举字典二级页面

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

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

枚举字典二级页面

2. 功能展示及说明

1)新增字典

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

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

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

新增字典页面

2)新增字典枚举

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

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

新增字典枚举页面

三、应用说明

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

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

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

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

四、扩展优化思路说明

级联树状枚举字典

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

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

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

五、小结

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

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

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

题图来自Unsplash,基于CC0协议

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

相关推荐

大模型技术:详解LangGraph,从基础到高级

图片来自DALL-E3LangChain是构建由Lardge语言模型提供支持的应用程序的领先框架之一。借助LangChain表达语言(LCEL),定义和执行分步操作序列(也称为链)变得更加简...

SQL知识大全三):SQL中的字符串处理和条件查询

点击上方蓝字关注我们今天是SQL系列的第三讲,我们会讲解条件查询,文本处理,百分比,行数限制,格式化以及子查询。条件查询IF条件查询#if的语法IF(expr1,expr2,expr3)#示例S...

聊聊Spring AI Alibaba的PdfTablesParser

序本文主要研究一下SpringAIAlibaba的PdfTablesParserPdfTablesParsercommunity/document-parsers/spring-ai-alibab...

SpringBoot数据库管理 - 用Liquibase对数据库管理和迁移?

Liquibase是一个用于用于跟踪、管理和应用数据库变化的开源工具,通过日志文件(changelog)的形式记录数据库的变更(changeset),然后执行日志文件中的修改,将数据库更新或回滚(ro...

MySQL合集-单机容器化

MySQL单机容器化mkdir-p/opt/mysql/{data,etc}cpmy.cnf/opt/mysql/etc#dockersearchmysqldockerpullm...

差异基因分析不会做?最简单的火山图做法,一秒学会

最近很多刚了解生信的同学问喵学姐:看了一些文献,文献里的各种图怎么看呀,完全看不懂。今天喵学姐就来给大家讲一讲我们平时做的最基础的差异分析——火山图火山图(Volcanoplot)是散点图的一种,它...

每分钟写入6亿条数据,携程监控系统Dashboard存储升级实践

一、背景概述框架Dashboard是一款携程内部历史悠久的自研监控产品,其定位是企业级Metrics监控场景,主要提供用户自定义Metrics接入,并基于此提供实时数据分析和视图展现的面板服务,提供...

高效开发库:C++ POCO库开发者使用指南

目录POCO库简介POCO库的特点POCO库的模块分类POCO库的应用场景各模块功能详解与代码示例1.POCO库简介POCO(PortableComponents)是一个开源的C++类库,旨在为开...

Oracle中JDBC处理PreparedStatement处理Char问题浅析

最近碰到一个奇怪的问题,同样的Java代码,在不同的数据库执行,结果集却不同?代码片段如下:表的定义:SAMPLE_TABLE(IDINTEGER,NAMECH...

mp4封装格式各box类型讲解及IBP帧计算

mp4封装格式各box类型讲解及IBP帧计算目录;总结送学习大纲零基础到实战boxftypboxmoovboxmvhdbox(MovieHeaderBox)trakbox(Track...

「猪译馆」ASFV在不同基质中的存活时间(一)

作者Author欧洲食品安全署EuropeanFoodSafetyAuthority(EFSA),AndreaGervelmeyer欧盟委员会委托欧洲食品安全署对非洲猪瘟病毒在不同基质中...

视频封装格式:MP4格式详解

1.MP4格式概述1.1简介MP4或称MPEG-4第14部分(MPEG-4Part14)是一种标准的数字多媒体容器格式。扩展名为.mp4。虽然被官方标准定义的唯一扩展名是.mp4,但第三方通...

音视频八股文(10)-- mp4结构

介绍mp4文件格式又被称为MPEG-4Part14,出自MPEG-4标准第14部分。它是一种多媒体格式容器,广泛用于包装视频和音频数据流、海报、字幕和元数据等。(顺便一提,目前流行的视频编码格式...

大数据ClickHouse进阶(九):ClickHouse的From和Sample子句

#头条创作挑战赛#ClickHouse的From和Sample子句一、From子句From子句表示从何处读取数据,支持2种形式,由于From比较简单,这里不再举例,2种使用方式如下:SELECTcl...

一文读懂MP4封装格式

简介MP4或称MPEG-4第14部分(MPEG-4Part14)是一种标准的数字多媒体容器格式。扩展名为.mp4。虽然被官方标准定义的唯一扩展名是.mp4,但第三方通常会使用各种扩展名来指示文件的...