權(quán)限細(xì)節(jié)整理

一:樹(shù)形結(jié)構(gòu)---權(quán)限樹(shù)顯示節(jié)點(diǎn)(設(shè)置權(quán)限頁(yè)):

返回的樹(shù)形結(jié)構(gòu)怎憋,可以遞歸循環(huán)處理成自己想要的格式扛或。

同時(shí)樹(shù)形結(jié)構(gòu)的相互關(guān)聯(lián)敲街,導(dǎo)致父節(jié)點(diǎn)的key一旦返回闷愤,子節(jié)點(diǎn)便會(huì)全部選中砌创。所以這里用一個(gè)數(shù)組halfSelectKeys去裝所有的父節(jié)點(diǎn)疼燥,返回選中的數(shù)據(jù)減去所有父節(jié)點(diǎn)沧卢。這樣渲染時(shí)就是通過(guò)子節(jié)點(diǎn)是否全部選中,去關(guān)聯(lián)父節(jié)點(diǎn)是否選上醉者。(子節(jié)點(diǎn)如果全部選中但狭,就算沒(méi)有數(shù)據(jù)里父節(jié)點(diǎn)的值披诗,父節(jié)點(diǎn)也會(huì)勾選上)。

二:點(diǎn)確定提交時(shí)立磁,將halfSelectKeys和選中節(jié)點(diǎn)數(shù)的據(jù)合集呈队,并去重,作為參數(shù)傳遞唱歧。有兩種情況:

1無(wú)變更點(diǎn)確定掂咒。則是【返回?cái)?shù)據(jù)父節(jié)點(diǎn)值的數(shù)組】和【返回?cái)?shù)據(jù)選中子節(jié)點(diǎn)值的數(shù)組】合集傳遞即可。

2有變更點(diǎn)確定迈喉。在節(jié)點(diǎn)onCheck事件中可以拿到所有【半選中節(jié)點(diǎn)數(shù)組】和【已選中節(jié)點(diǎn)數(shù)組】绍刮,也可以在提交的時(shí)候取合集。

三:用戶登錄時(shí)顯示自己的菜單路由挨摸。

1孩革,在登錄時(shí),會(huì)返回用戶權(quán)限id數(shù)組得运,去匹配接口數(shù)據(jù)(全部路由的樹(shù)形結(jié)構(gòu)膝蜈,有id和path路由等參數(shù)),將有權(quán)限的路由path數(shù)組存儲(chǔ)在sessionStorage中熔掺。并刷新頁(yè)面(如不刷新饱搏,存儲(chǔ)的路由數(shù)據(jù)不會(huì)更新)

更新:將有權(quán)限的路由path數(shù)組存儲(chǔ)在狀態(tài)管理store中,sessionStorage可被用戶更改置逻。


2推沸,在app.jsx中的modifyRoutes方法中拿到本地全部路由,并匹配store中的路徑券坞,重新 return 新的有權(quán)限的路由鬓催。注意路由的模糊匹配寫(xiě)精確路由的后面,會(huì)先匹配精確路由恨锚,后匹配模糊路由宇驾。




在頁(yè)面刷新時(shí)將數(shù)據(jù)保存在sessionStorage中,加載頁(yè)面前將session數(shù)據(jù)存在store中猴伶,并銷毀session數(shù)據(jù)

3课舍,在菜單級(jí)別也要過(guò)濾一下,匹配store中的路徑他挎,展示有權(quán)限的菜單筝尾。



四,按鈕權(quán)限封裝雇盖。

1忿等,約定每個(gè)模塊下的按鈕通用名字:查詢(query),新增(add),詳情(detail),編輯(edit)崔挖,刪除(delete)贸街,導(dǎo)入(import)庵寞,導(dǎo)出(export)。其他特殊按鈕自定義名稱薛匪。

2捐川,路由改動(dòng),之前的重定向路由邏輯是:找第一個(gè)children下的最深層children為空的path∫菁猓現(xiàn)加了按鈕權(quán)限古沥,最深層的children為按鈕級(jí)別,所以需要修改重定向路由的方法:加上判斷娇跟,如children不為空岩齿,且children里的path包括'/',則繼續(xù)遞歸苞俘,否則判定為重定向路由盹沈。(因?yàn)榧s定按鈕權(quán)限的名稱不包括'/')

3,按鈕權(quán)限組件封裝邏輯吃谣。

(1)pathName為當(dāng)前頁(yè)面路由(如:/production_scheduling/basic_info/enterprise)乞封,pathName與store中存儲(chǔ)的路由相比較,遞歸直到找到完全一致的路由岗憋,得到其children(如:['query','add', 'edit', 'delete'])肃晚,并賦值為authBtnList。

(2)外層調(diào)用時(shí)仔戈,按鈕權(quán)限組件需包裹按鈕关串,并將此按鈕的type傳入。(如新增則傳入add)

(3)判斷authBtnList中是否含有type杂穷,如有則加載其組件悍缠。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市耐量,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌滤港,老刑警劉巖廊蜒,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件藏澳,死亡現(xiàn)場(chǎng)離奇詭異赌结,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)博脑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門添履,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)屁倔,“玉大人,你說(shuō)我怎么就攤上這事暮胧∪窠瑁” “怎么了问麸?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)钞翔。 經(jīng)常有香客問(wèn)我严卖,道長(zhǎng),這世上最難降的妖魔是什么布轿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任哮笆,我火速辦了婚禮,結(jié)果婚禮上汰扭,老公的妹妹穿的比我還像新娘稠肘。我一直安慰自己,他們只是感情好萝毛,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布项阴。 她就那樣靜靜地躺著,像睡著了一般珊泳。 火紅的嫁衣襯著肌膚如雪鲁冯。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天色查,我揣著相機(jī)與錄音薯演,去河邊找鬼。 笑死秧了,一個(gè)胖子當(dāng)著我的面吹牛跨扮,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播验毡,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼衡创,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了晶通?” 一聲冷哼從身側(cè)響起璃氢,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狮辽,沒(méi)想到半個(gè)月后一也,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡喉脖,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年椰苟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片树叽。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡舆蝴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情洁仗,我是刑警寧澤层皱,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站京痢,受9級(jí)特大地震影響奶甘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜祭椰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一臭家、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧方淤,春花似錦钉赁、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至讳苦,卻和暖如春带膜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鸳谜。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工膝藕, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人咐扭。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓芭挽,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親蝗肪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子袜爪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 在線閱讀 http://blog.poetries.top/FE-Interview-Questions 目錄 $...
    Aniugel閱讀 883評(píng)論 0 1
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,364評(píng)論 24 450
  • 常見(jiàn)試題 行內(nèi)元素:會(huì)在水平方向排列,不能包含塊級(jí)元素薛闪,設(shè)置width無(wú)效辛馆,height無(wú)效(可以設(shè)置line-h...
    他大舅啊閱讀 2,440評(píng)論 1 5
  • 【轉(zhuǎn)載】CSDN - 張林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牘閱讀 3,488評(píng)論 1 14
  • HTML 基礎(chǔ) 1、什么是HTML語(yǔ)義化豁延? 表示選擇合適的標(biāo)簽(語(yǔ)義化標(biāo)簽)便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼 2怀各、...
    小丸子三三閱讀 1,289評(píng)論 0 0