VUE前端下,後台的選單資源管理

2021-08-18 17:17:37 字數 1245 閱讀 9038

1 總體思路是vue配置的選單id和使用者從介面獲取的選單id進行對比

2 vue配置的路由中的選單id需要和資料庫中的選單id(resource_no)一一對應,超級管理員應當讀取到所有的選單。普通管理員從雲端請求普通管理所有選單id,由vue端將普通管理員的選單id和vue中的所有選單id進行交運算,交結果即普通管理員的vue顯示選單。

3 vue需要顯示按鈕許可權時,在頁面寫入按鈕元件,但是是否顯示,需要從後台獲取普通管理員按鈕id進行比較

4 vue的許可權id(選單、按鈕)一般在使用者登陸時就由雲端返回給vue,由vue儲存到本地,隨時可用。

5 資料庫採用細顆粒的選單和按鈕許可權設計 使用者 - 角色 - 選單/按鈕

resource表(選單、按鈕)

idresource_no

resource_name

resource_type

1001

order_menu

menu

2101

pay_button

buttion

user表(使用者)

iduser_id

user_name

1c81b6fac387cd3

jack

2d69884fa23286

eric

role

idrole_name

1普通管理員

user_role_ref

iduser_id

role_id11

1221

role_resource_ref

idrole_id

resource_id11

1212

以上四張表應該由超級管理員維護。當vue普通管理員登入系統時,通過以sql將選單許可權和按鈕許可權查出來,返回給vue

select 

r.resource_num, resource_type 

from 

resource as r 

inner join 

role_resource_ref as rrf on rrf.resource_id = r.id

inner join 

user_role_ref on urf on urf.role_id = rrf.role_id

inner_join 

user as u on u.id = urf_user_id

where

u.user_id = ''c81b6fac387cd3" 

vue本地專案靜態資源管理

vue本地專案靜態資源管理 統一放在src static裡面css,images,js index.html裡面使用重置樣式 元件裡面使用 css使用背景 npm run build之前需要將config index.js assetspublicpath 修改成 assetspublicpath ...

bower bower前端資源管理工具

bower前端資源管理工具 bower install jquery 安裝jquery bower install 會根據目錄下的bower.json中的依賴安裝所需資源 bower info jquery 檢視jquery都有哪些版本 bower uninstall jquery 解除安裝jque...

Solaris的資源管理

注 以下文字轉貼自http blog.sina.com.cn u 45d51ebc010008tm 為了確保一些大型應用程式 如 oracle 執行良好 需要為其分配合理的系統資源,如 記憶體空間 訊號燈集 cpu時間等 這些系統資源的分配在以往的系統中通常通過可調的核心引數在 etc system...