這裡只介紹antd pro框架authorized的最簡單的使用
高階些的用法參考以下文章
ant design pro 鑑權/ 許可權管理
ant design pro 配置動態選單、許可權
對許可權的寫入
一般來說,我們對於許可權的寫入都是在登入成功之後進行呼叫
所以現在登入頁面匯入setauthoried
方法
呼叫方法進行寫入許可權(預設的許可權只有兩種admin
和guest
,我這裡也只說這兩種)
import
from
'@/utils/authority'
;setauthority
('guest'
);
然後你就會在localstorage中能夠發現許可權為guest
左側選單路由根據許可權的顯示和隱藏
在config檔案中對路由進行配置authorized
屬性
先設定為guest許可權
可以看到能夠顯示出油品管理這個模組
接下來修改為admin
然後在左側選單就會顯示不出來
ps:這裡如果只是簡單的對於不同的角色控制不同的路由選單的話,那麼可以不限於admin和guest角色,可以自定義角色,比如說user、test。。。都可以
區域性元件的許可權控制
匯入許可權元件
import
from
'antd'
;import react from
'react'
;import authorized from
'@/components/authorized/authorized'
;const
demo=(
)=>
>許可權是管理員<
/authorized>
>許可權是普通使用者<
/authorized>
<
/div>);
};export
default demo;
效果如下
顯示不了的就會報乙個403的錯誤頁面,說你沒有許可權檢視這個頁面或元件
如果你不想顯示出這個頁面可以到/src/components/authorized/authorized.tsx
這個檔案進行配置
使用者的許可權
基本許可權ugo 許可權物件 屬主 u 屬組 g 其他人 o 全部 a u g o 許可權型別 讀 r 4 寫 w 2 執行 x 1 設定許可權 1.更改許可權 使用符號更改 chmod 物件 u g o a 賦值符 許可權型別 r w x 檔案 目錄 例1 chmod u rwx file1.tx...
使用者的許可權(基本許可權UGO
屬主 u 屬組 g 其他人 o 所有人 a u g o 讀 r 4 寫 w 2 執行 x 1 語法使用符號 u使用者 g組 o其他 r讀 w寫 x執行 語法 chmod 物件 u g o a 賦值符 許可權型別 r w x 檔案 目錄4讀 2寫 1執行 root localhost chmod 64...
Hibernate及Spring的框架簡述
最近在複習一些框架的概念,總結了一下,談一談我的理解。hibernate是乙個開放源 的物件關係對映框架,它對jdbc進行了非常輕量級的物件封裝,大大簡化了資料訪問層繁瑣的重複性 1.hibernate中的三種狀態 臨時狀態 transient object 只是new了物件,但是物件沒有立即被持久...