一種基于b/s構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及圖形用戶界面(⑶I)領(lǐng)域,尤其涉及一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法和系統(tǒng)。
【背景技術(shù)】
[0002]B/S構(gòu)架(Browser/Server,瀏覽器/服務(wù)器模式)是WEB興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式,客戶機(jī)上只要安裝瀏覽器,就可以登錄業(yè)務(wù)系統(tǒng)進(jìn)行操作。隨著JavaScript技術(shù)的發(fā)展,B/S構(gòu)架的WEB應(yīng)用程序也逐漸利用具有很強(qiáng)交互性的客戶端技術(shù)來為用戶提供一個(gè)更高和更全方位的網(wǎng)絡(luò)體驗(yàn)。
[0003]傳統(tǒng)的業(yè)務(wù)系統(tǒng)通常將菜單以樹形結(jié)構(gòu)安排在左側(cè),或者以下拉列表形式安排在頂部。界面比較單一,交互性較差,對(duì)于層級(jí)結(jié)構(gòu)較深的菜單不易操作,對(duì)于常用的菜單和功能也不能快速進(jìn)行選擇。
[0004]因此,需要實(shí)現(xiàn)一種用戶體驗(yàn)更好的菜單顯示方法,提供更好的交互性,能夠進(jìn)行個(gè)性化的菜單設(shè)置。
【發(fā)明內(nèi)容】
[0005]本發(fā)明所要解決的技術(shù)問題是提供一種具有更好的交互性、且能夠進(jìn)行個(gè)性化設(shè)置的業(yè)務(wù)系統(tǒng)菜單顯示方法和系統(tǒng)。
[0006]本發(fā)明解決上述技術(shù)問題的技術(shù)方案如下:一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,包括以下步驟,
[0007]SI,數(shù)據(jù)庫預(yù)先存儲(chǔ)用戶權(quán)限信息、業(yè)務(wù)菜單數(shù)據(jù)和用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系;
[0008]S2,接收用戶輸入的登錄信息,所述登錄信息包括用戶名和用戶密碼;
[0009]S3,調(diào)取數(shù)據(jù)庫中的用戶權(quán)限信息驗(yàn)證所述登錄信息是否具有訪問當(dāng)前業(yè)務(wù)系統(tǒng)的權(quán)限,如果是,則根據(jù)用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系加載用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,并執(zhí)行S4 ;如果否,則反饋給用戶無權(quán)限的提示信息;
[0010]S4,調(diào)取數(shù)據(jù)庫中當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單數(shù)據(jù),在業(yè)務(wù)系統(tǒng)主界面上以圖標(biāo)平鋪的方式顯示當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,一個(gè)圖標(biāo)相對(duì)應(yīng)一個(gè)業(yè)務(wù)菜單。
[0011]本發(fā)明的有益效果是:本發(fā)明在傳統(tǒng)的業(yè)務(wù)菜單結(jié)構(gòu)基礎(chǔ)上增加了更多的交互性和自定義功能,可以用類似操作系統(tǒng)桌面的界面風(fēng)格展示系統(tǒng)菜單;支持多個(gè)業(yè)務(wù)功能同時(shí)進(jìn)行操作和相互快速且;可以根據(jù)用戶個(gè)性化需求調(diào)整各菜單的位置,將常用功能發(fā)布成快捷方式;為用戶提供更靈活、可定制、圖形化、交互性更好的系統(tǒng)操作界面。
[0012]為了解決所述技術(shù)問題,本發(fā)明還提供一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示系統(tǒng),包括數(shù)據(jù)庫、登錄信息接收模塊、用戶權(quán)限驗(yàn)證模塊和業(yè)務(wù)菜單顯示模塊;
[0013]所述數(shù)據(jù)庫,用于存儲(chǔ)用戶權(quán)限信息、業(yè)務(wù)菜單數(shù)據(jù)和用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系;
[0014]所述登錄信息接收模塊,用于接收用戶輸入的登錄信息,所述登錄信息包括用戶名和用戶密碼;
[0015]所述用戶權(quán)限驗(yàn)證模塊,用于調(diào)取數(shù)據(jù)庫中的用戶權(quán)限信息驗(yàn)證所述登錄信息是否具有訪問當(dāng)前業(yè)務(wù)系統(tǒng)的權(quán)限,如果是,則根據(jù)用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系加載用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,并執(zhí)行S4 ;如果否,則反饋給用戶無權(quán)限的提示信息;
[0016]所述業(yè)務(wù)菜單顯示模塊,用于調(diào)取數(shù)據(jù)庫中當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單數(shù)據(jù),并在業(yè)務(wù)系統(tǒng)主界面上以圖標(biāo)平鋪的方式顯示當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,其中每一個(gè)圖標(biāo)相對(duì)應(yīng)一個(gè)業(yè)務(wù)菜單。
【附圖說明】
[0017]圖1為本發(fā)明一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法步驟流程圖;
[0018]圖2為本發(fā)明在B/S架構(gòu)下業(yè)務(wù)系統(tǒng)的菜單生成步驟圖;
[0019]圖3為本發(fā)明一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示系統(tǒng)模塊關(guān)系示意圖。
【具體實(shí)施方式】
[0020]以下結(jié)合附圖對(duì)本發(fā)明的原理和特征進(jìn)行描述,所舉實(shí)例只用于解釋本發(fā)明,并非用于限定本發(fā)明的范圍。
[0021]本發(fā)明實(shí)現(xiàn)了在B/S架構(gòu)下的業(yè)務(wù)系統(tǒng)的菜單顯示方式采用類似windows操作系統(tǒng)桌面的顯示風(fēng)格,對(duì)樹形結(jié)構(gòu)的系統(tǒng)菜單進(jìn)行重新組織和顯示,并提供個(gè)性化的制定功會(huì)K。
[0022]如圖1所示,一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,包括以下步驟,
[0023]SI,數(shù)據(jù)庫預(yù)先存儲(chǔ)用戶權(quán)限信息、業(yè)務(wù)菜單數(shù)據(jù)和用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系。用戶權(quán)限不同,所對(duì)應(yīng)的業(yè)務(wù)菜單也不相同,例如當(dāng)用戶權(quán)限為管理員時(shí),其所對(duì)應(yīng)的業(yè)務(wù)菜單具有增加、刪除、修改普通用戶的用戶信息的功能菜單。
[0024]S2,接收用戶輸入的登錄信息,登錄信息包括用戶名和用戶密碼。
[0025]S3,調(diào)取數(shù)據(jù)庫中的用戶權(quán)限信息驗(yàn)證登錄信息是否具有訪問當(dāng)前業(yè)務(wù)系統(tǒng)的權(quán)限,如果是,則根據(jù)用戶權(quán)限與業(yè)務(wù)菜單的映射關(guān)系加載用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,并執(zhí)行S4。如果否,則反饋給用戶無權(quán)限的提示信息。
[0026]S4,調(diào)取數(shù)據(jù)庫中當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單數(shù)據(jù),在業(yè)務(wù)系統(tǒng)主界面上以圖標(biāo)平鋪的方式顯示當(dāng)前用戶權(quán)限所對(duì)應(yīng)的業(yè)務(wù)菜單,一個(gè)圖標(biāo)相對(duì)應(yīng)一個(gè)業(yè)務(wù)菜單。
[0027]一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,當(dāng)業(yè)務(wù)菜單具有多個(gè)層級(jí)時(shí),業(yè)務(wù)系統(tǒng)主界面上顯示的業(yè)務(wù)菜單為頂級(jí)業(yè)務(wù)菜單,用戶點(diǎn)擊每一層級(jí)業(yè)務(wù)菜單所對(duì)應(yīng)的圖標(biāo),打開相應(yīng)的業(yè)務(wù)窗口,業(yè)務(wù)窗口中以圖標(biāo)平鋪的方式顯示當(dāng)前業(yè)務(wù)菜單的下一級(jí)別的業(yè)務(wù)菜單。
[0028]圖標(biāo)平鋪的方式根據(jù)顯示器的分辨率大小而進(jìn)行調(diào)節(jié),當(dāng)圖標(biāo)組的個(gè)數(shù)超過顯示分辨率所能顯示的最多圖標(biāo)個(gè)數(shù)時(shí),對(duì)圖標(biāo)組進(jìn)行分屏顯示。
[0029]一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,業(yè)務(wù)窗口包括面包肩導(dǎo)航,面包肩導(dǎo)航以頂級(jí)業(yè)務(wù)菜單 > 一級(jí)業(yè)務(wù)菜單> 二級(jí)業(yè)務(wù)菜單 > 三級(jí)業(yè)務(wù)菜單 >…… > 當(dāng)前級(jí)別業(yè)務(wù)菜單的方式顯示當(dāng)前級(jí)別業(yè)務(wù)菜單的歷史路徑,用戶點(diǎn)擊面包肩導(dǎo)航中任一級(jí)別的業(yè)務(wù)菜單所對(duì)應(yīng)的圖標(biāo),則退回到相應(yīng)級(jí)別的業(yè)務(wù)菜單。
[0030]一種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,當(dāng)用戶點(diǎn)擊多個(gè)業(yè)務(wù)菜單所對(duì)應(yīng)的圖標(biāo)時(shí),多個(gè)業(yè)務(wù)菜單所對(duì)應(yīng)的業(yè)務(wù)窗口顯示于同一工作界面。每個(gè)顯示的窗口在當(dāng)前界面下方的任務(wù)欄上生成一個(gè)任務(wù)窗口,點(diǎn)擊不同的任務(wù)窗口實(shí)現(xiàn)對(duì)不同的顯示的窗口進(jìn)行快捷切換。這種方式可以方便用戶打開多個(gè)業(yè)務(wù)窗口進(jìn)行操作,有利于窗口的切換,提高了業(yè)務(wù)系統(tǒng)的交互性。
[0031]—種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,業(yè)務(wù)菜單支持被拖拽到指定業(yè)務(wù)菜單中作為指定業(yè)務(wù)菜單的下級(jí)業(yè)務(wù)菜單。
[0032]—種基于B/S構(gòu)架的業(yè)務(wù)系統(tǒng)的菜單顯示方法,業(yè)務(wù)系統(tǒng)主界面支持文件夾創(chuàng)建,并對(duì)文件夾命名,形成自定義業(yè)務(wù)菜單。業(yè)務(wù)菜單支持被拖拽到自定義業(yè)務(wù)菜單中作為指定義業(yè)務(wù)菜單的下級(jí)業(yè)務(wù)菜單。業(yè)務(wù)系統(tǒng)主界面支持用戶添加常用的業(yè)務(wù)菜單選項(xiàng)的快捷方式。業(yè)務(wù)系統(tǒng)主界面還支持用戶添加沒有操作完或者填寫完的業(yè)務(wù)表單作為快捷方式。
[0033]用戶的自定義業(yè)務(wù)菜單、用戶拖拽業(yè)務(wù)菜單、添加快捷方式的行為成為自定制行為,用戶進(jìn)行自定制行為后,會(huì)產(chǎn)生自