開(kāi)源框架若依中的權(quán)限控制邏輯-菜單

起源

目前我司生產(chǎn)環(huán)境使用的后臺(tái)服務(wù)系統(tǒng)為：后端國(guó)產(chǎn)開(kāi)源框架jfinal+前端開(kāi)源框架vue-element-admin組成的前后端分離的綜合管理系統(tǒng)。目前該套系統(tǒng)已實(shí)現(xiàn)約兩三個(gè)子功能模塊。

上周需求方提出，需要給后臺(tái)管理系統(tǒng)增加上權(quán)限管理功能，經(jīng)過(guò)調(diào)研發(fā)現(xiàn)，若依框架中的權(quán)限管理比較符合需求方理想中的權(quán)限管理，因此對(duì)若依中的權(quán)限管理展開(kāi)了學(xué)習(xí)。

若依系統(tǒng)中的角色管理

下載若依系統(tǒng)源碼后，按照官網(wǎng)文檔中的提示，配置數(shù)據(jù)庫(kù)、端口等，我們分別打開(kāi)前后端項(xiàng)目，如圖所示：

前端項(xiàng)目目錄如下圖：

我們分別運(yùn)行前后端：

后端運(yùn)行入口為ruoyi-admin模塊的RuoYiApplication.java；

前端在ruoyi-ui目錄下執(zhí)行命令：npm run dev。

運(yùn)行結(jié)果，可以在瀏覽器中查看到如下頁(yè)面：

輸入驗(yàn)證碼后進(jìn)入系統(tǒng)，頁(yè)面如下：

可以看到，其系統(tǒng)管理大致分為用戶(hù)管理、角色管理、菜單管理，部門(mén)管理，崗位管理等。

今天我們先來(lái)看一下其中的菜單管理。主頁(yè)面如圖所示：

新增功能分為新增目錄，新增菜單，新增按鈕，如圖所示為新增目錄的窗口：

新增菜單時(shí)的窗口如下：

新增按鈕的窗口如下所示：

相比目錄來(lái)說(shuō)，新增菜單多了四個(gè)需要填寫(xiě)的內(nèi)容，分別是組件路徑，權(quán)限字符，路由參數(shù)，是否緩存。新增按鈕功能相比目錄增加了權(quán)限字符。

我們分別操作嘗試一下：

操作完后，我們刷新頁(yè)面：

可以看到，左側(cè)新增了“測(cè)試目錄”這一目錄，但是點(diǎn)開(kāi)并沒(méi)有子菜單。我們經(jīng)過(guò)測(cè)試，發(fā)現(xiàn)，只有將“測(cè)試菜單”的權(quán)限修改為目前已經(jīng)可以查看的一個(gè)權(quán)限字符，并且將其路由參數(shù)設(shè)為空時(shí)，左側(cè)菜單欄才會(huì)有“測(cè)試菜單”出現(xiàn)。

有過(guò)vue前端開(kāi)發(fā)經(jīng)驗(yàn)的人應(yīng)該對(duì)權(quán)限字符并不陌生，它表示一個(gè)菜單我們是否有權(quán)查看，其位于路由組件部分的permissions字段中。

路由參數(shù)是什么意思呢？為什么寫(xiě)了路由參數(shù)的菜單不會(huì)默認(rèn)出現(xiàn)在左側(cè)欄中呢？時(shí)間關(guān)系，我們另外再闡述。

NAT

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶(hù)投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶(hù)投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。