界面設(shè)計(jì)方案之 (1) 枚舉字典如何設(shè)計(jì)

1 評(píng)論 5082 瀏覽 18 收藏 6 分鐘

下面這篇文章是筆者講述的關(guān)于在界面設(shè)計(jì)方案中,枚舉字典設(shè)計(jì)說(shuō)明等的相關(guān)內(nèi)容,想要了解的同學(xué)可以了解一下哦!

一、應(yīng)用場(chǎng)景:為何需要枚舉字典?

所謂枚舉就是能夠明確列出有限個(gè)具體取值的東西,在具體場(chǎng)景中,例如事件緊急程度:高、較高、中、較低、低,性別:男、女、未知。

枚舉字典:

類(lèi)似于excel中的枚舉。將業(yè)務(wù)中可以枚舉的項(xiàng),定義成枚舉字典,供全局使用。

設(shè)計(jì)枚舉字典頁(yè)面的好處就是,前端的視圖頁(yè)面面向普通系統(tǒng)用戶(hù),用戶(hù)或者非代碼專(zhuān)業(yè)人員可以自定義枚舉值,開(kāi)放性維護(hù);再者當(dāng)同樣的枚舉在多處使用時(shí),僅需定義一次,當(dāng)枚舉值因業(yè)務(wù)需要發(fā)生增減或變更時(shí),也只需要在枚舉頁(yè)面修改一次。

二、枚舉字典設(shè)計(jì)說(shuō)明

1. 列表頁(yè)面展示

1)枚舉字典一級(jí)頁(yè)面

定義業(yè)務(wù)字典名等信息,每項(xiàng)字典下?lián)碛凶约核鶎俚淖值渲导?,例如用?hù)性別{男,女,未知}。

檢索條件支持字典名稱(chēng)和狀態(tài)。

枚舉字典一級(jí)頁(yè)面

2)枚舉字典二級(jí)頁(yè)面

點(diǎn)擊字典英文名藍(lán)字進(jìn)入下鉆二級(jí)頁(yè)面,展示定義的字典的具體枚舉值,例如男,女,未知就是性別字典的具體枚舉值。

檢索條件支持字典標(biāo)簽和狀態(tài)。

枚舉字典二級(jí)頁(yè)面

2. 功能展示及說(shuō)明

1)新增字典

設(shè)計(jì)定義的字段如圖:字典的中文名、字典英文名、字典備注、字典枚舉定義(包括字典標(biāo)簽、字典鍵值、字典排序、字典備注)。

字典標(biāo)簽用來(lái)定義具體的枚舉值,字典鍵值用數(shù)字來(lái)標(biāo)記字典標(biāo)簽,是一一對(duì)應(yīng)的關(guān)系,字典標(biāo)簽用來(lái)控制字典枚舉在列表上的展示順序。

字典新增提交默認(rèn)狀態(tài)為啟用狀態(tài),用來(lái)控制此條字典在系統(tǒng)中的可用性。

新增字典頁(yè)面

2)新增字典枚舉

設(shè)計(jì)定義的枚舉值字段如圖:字典標(biāo)簽、字典鍵值、字典排序、備注。

除了可以在一級(jí)頁(yè)面新增字典的同時(shí)定義字典的枚舉,還可以在二級(jí)頁(yè)面的新增功能里,單獨(dú)定義一條字典的枚舉。

新增字典枚舉頁(yè)面

三、應(yīng)用說(shuō)明

用來(lái)維護(hù)系統(tǒng)各種的下拉選擇框的枚舉值。

我們?cè)谠O(shè)計(jì)和開(kāi)發(fā)系統(tǒng)時(shí),會(huì)有許多用到枚舉下拉框的地方,這些具體的枚舉變量混在在前后端代碼里面是一種很不規(guī)范的開(kāi)發(fā)行為。

有了枚舉字典以后,就可以在前端顯式地維護(hù)枚舉值并入庫(kù),開(kāi)發(fā)人員可有根據(jù)自己的業(yè)務(wù)需要去綁定枚舉字典并取出字典的枚舉值。

開(kāi)發(fā)人員可以根據(jù)系統(tǒng)頁(yè)面設(shè)計(jì)需要,將枚舉處理成其他結(jié)構(gòu)的數(shù)據(jù)來(lái)使用。

四、擴(kuò)展優(yōu)化思路說(shuō)明

級(jí)聯(lián)樹(shù)狀枚舉字典

上文給出的枚舉字典的例子是這樣的:

而級(jí)聯(lián)式的枚舉字典是這樣的:

設(shè)計(jì)級(jí)聯(lián)樹(shù)狀的枚舉字典能夠支持更復(fù)雜的業(yè)務(wù)邏輯需要。

五、小結(jié)

枚舉字典的設(shè)計(jì)也是為了能夠提高生產(chǎn)效率,便于數(shù)據(jù)的統(tǒng)一維護(hù)。

其次像這種典型的下鉆頁(yè)面也是一種很好的設(shè)計(jì)思路,讀者們可以自行在未來(lái)的實(shí)踐中嘗試這種方案。

六、其他界面設(shè)計(jì)方案

界面設(shè)計(jì)方案之 (2)模型類(lèi)頁(yè)面設(shè)計(jì)思路http://www.codemsi.com/share/5918537.html

本文由 @猶豫就會(huì)敗北 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 級(jí)聯(lián)的到底是字典,還是字典枚舉。沒(méi)有說(shuō)清楚呀!

    來(lái)自廣東 回復(fù)