antd pro框架使用者許可權的簡單配置和使用

2021-10-05 03:15:58 字數 1647 閱讀 5481

這裡只介紹antd pro框架authorized的最簡單的使用

高階些的用法參考以下文章

ant design pro 鑑權/ 許可權管理

ant design pro 配置動態選單、許可權

對許可權的寫入

一般來說,我們對於許可權的寫入都是在登入成功之後進行呼叫

所以現在登入頁面匯入setauthoried方法

呼叫方法進行寫入許可權(預設的許可權只有兩種adminguest,我這裡也只說這兩種)

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了物件,但是物件沒有立即被持久...