vue+node+mysql擼一個帶權限(rbac)的後臺管理系統

簡介

mvvm-rbac是一個簡易的帶權限的後臺管理系統。它基於vue、egg、mysql(sequlize)實現，旨在用最少代碼理解實現常見的業務功能，因此並無使用ui庫，頁面並非很漂亮。麻雀雖小，可是五臟俱全。該項目若是有什麼不足錯誤，麻煩您指出。若是能幫助到你，歡迎star

mvc版本

• mvc版本的已經完成了mvc-rbac
• 在線閱覽

mvvm版本(本文)

• mvvm的還在持續開發中，可是基本功能已經實現
• 注意必定要運行導入項目裏的sql文件,由於有些權限要手動處理

前序準備

本項目技術棧基於 ES2015+、vue、vuex、vue-router 、vue-cli 3.0 、axios 和 egg、mysql(sequlize),全部的請求都是真實的數據

受權實際效果

1.超級管理員(admin)登陸，進入角色受權頁面

2.超級管理員(admin)對學生角色受權，權限判斷

3. 學生(ddmin)登陸，擁有所有權限時的頁面

4. 超級管理員受權後，學生(ddmin)只擁有部分權限的頁面

功能

• 登陸管理

  • 登陸
  • 退出

• 角色管理

  • 增長
  • 查找
  • 修改
  • 刪除

• 用戶管理

  • 增長（根據角色）
  • 查找
  • 修改（根據角色）
  • 刪除

• 權限管理

  • 角色受權
  • 頁面權限
  • 導航菜單

• 圖片管理(用戶管理)

  • 圖片上傳
  • 圖片修改

• 緩存

  • redis
  • http

• 部署

  • nginx
  • 二級域名