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

Salamander 發布于2019-08-23 18:00 / 1985人閱讀

摘要：簡介是一個簡易的帶權限的后臺管理系統。它基于實現，旨在用最少代碼理解實現常見的業務功能，所以并沒有使用庫，頁面并不是很漂亮。

簡介

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

二級域名

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104490.html

手摸手，帶你用vue擼后臺系列一(基礎篇)

摘要：詳細具體的使用可以見文章手摸手，帶你優雅的使用。為了加速線上鏡像構建的速度，我們利用源進行加速并且將一些常見的依賴打入了基礎鏡像，避免每次都需要重新下載。完整項目地址：vue-element-admin系類文章二：手摸手，帶你用vue擼后臺系列二（登錄權限篇）系類文章三：手摸手，帶你用vue擼后臺系列三(實戰篇）系類文章四：手摸手，帶你用vue擼后臺系列四(vueAdmin 一...

xiaotianyi 2019-08-22 11:03 評論0 收藏0
vue2+element 管理后臺集成解決方案沒有沒做的，只要想不到的！

摘要：目前的技術棧主要的采用由于是個人項目，所以數據請求都是用了代替。后續會出一系列的教程配套文章，如如何從零構建后臺項目框架，如何做完整的用戶系統如權限驗證，二次登錄等，如何二次開發組件如富文本，如何整合七牛等等文章，各種后臺開發經驗等等。完整項目地址：vue-element-admin系類文章一：手摸手，帶你用vue擼后臺系列一（基礎篇）系類文章二：手摸手，帶你用vue擼后臺系列二...

sanyang 2019-08-20 16:03 評論0 收藏0
手摸手，帶你用vue擼后臺系列二(登錄權限篇)

摘要：我們將登錄按鈕上綁上事件，點擊登錄之后向服務端提交賬號和密碼進行驗證。所以前端和后端權限的劃分是不太一致。側邊欄最后一個涉及到權限的地方就是側邊欄，不過在前完整項目地址：vue-element-admin 系列文章：手摸手，帶你用vue擼后臺系列一（基礎篇）手摸手，帶你用vue擼后臺系列二(登錄權限篇) 手摸手，帶你用vue擼后臺系列三 (實戰篇) 手摸手，帶你用vu...

不知名網友 2019-08-20 16:45 評論0 收藏0
厭倦了寫活動頁？快來擼一個頁面生成器吧！

摘要：前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著產品提來的一個個需求，隨著公司規模的增加，我們不可能無限制的增加人手不斷地重復著這些活動。前言如果你經常接觸一些公司的活動頁，可能會經常頭疼以下問題：這些項目周期短，需求頻繁，迭代快，技術要求不高，成長空間也小。但是我們還是馬不停蹄的趕著...

Lsnsh 2019-08-02 11:50 評論0 收藏0