后臺(tái)管理系統(tǒng)的權(quán)限以及vue處理權(quán)限的思路

1、后臺(tái)管理系統(tǒng)的權(quán)限以及vue處理權(quán)限的思路普通來(lái)說(shuō)，在（后臺(tái)）管理系統(tǒng)（最早的企業(yè)級(jí)的項(xiàng)目和網(wǎng)站的后臺(tái)管理系統(tǒng)現(xiàn)在大部分人都叫后臺(tái)管理系統(tǒng)）中才會(huì)有權(quán)限之說(shuō)。權(quán)限分為功能級(jí)權(quán)限和數(shù)據(jù)級(jí)權(quán)限。這篇文章主要議論功能級(jí)權(quán)限。一、名詞說(shuō)明：權(quán)限的意思不用再做說(shuō)明。功能級(jí)權(quán)限：表示不同的角色（或者用戶(hù)）進(jìn)入系統(tǒng)后，看到的功能不一樣，或者說(shuō)，可以操作的功能不一樣。有的系統(tǒng)的處理思路是：不能操作的功能就根本不會(huì)讓你看到；有的系統(tǒng)的處理思路是：你可以看見(jiàn)全部的功能，但是，有些功能的頁(yè)面根本看不見(jiàn)，操作不成。固然，我個(gè)人認(rèn)為，前者更好。例如：his系統(tǒng)里，醫(yī)生可以開(kāi)處方。護(hù)士就不行以。數(shù)據(jù)級(jí)權(quán)限：表示你可以進(jìn)入

2、某個(gè)功能。但是1、不一定能夠看到全部的數(shù)據(jù)2、對(duì)看到的數(shù)據(jù)不一定能夠舉行增刪改查的操作。例如：0a系統(tǒng)中，你只能看到自己的考勤數(shù)據(jù)，而且，不能添加、修改和刪除。但是，人事小姐姐可以看到全部人的考勤數(shù)據(jù)，而且，還可以做修改等操作。二、后臺(tái)管理系統(tǒng)的（功能級(jí)）權(quán)限處理思路1.沒(méi)有前端的時(shí)代（前端的人假如看不懂，可以略過(guò)此部分）沒(méi)有前端的時(shí)代，可以認(rèn)為是全棧時(shí)代。那時(shí)候，程序員要完成前后端的全部功能。雖說(shuō)是富客戶(hù)端（前端），但是，比起現(xiàn)在前端流行的時(shí)代，那是小巫見(jiàn)大巫了。所以，都是有后端的程序來(lái)處理權(quán)限的。后端程序結(jié)合數(shù)據(jù)庫(kù)來(lái)處理權(quán)限的。思路：1）需要在數(shù)據(jù)庫(kù)中建表，普通包括：功能表：存儲(chǔ)著管理系統(tǒng)

3、的全部功能角色表：存儲(chǔ)著，囫圇項(xiàng)目的角色，其實(shí)就是公司中的角色，如：總經(jīng)理、市場(chǎng)部經(jīng)理、市場(chǎng)專(zhuān)員、項(xiàng)目經(jīng)理、程序員等等。角色與功能的對(duì)應(yīng)表：這表示的是，什么樣的角色具備什么樣的功能。用戶(hù)表：可以登錄管理系統(tǒng)的全部用戶(hù)，用戶(hù)表里會(huì)存儲(chǔ)所屬角色。這樣的話，用戶(hù)和功能之間就有了關(guān)系2）（后端）程序，按照登錄的用戶(hù)名，沿著 用戶(hù)名-角色-功能 這樣的步驟，取到該用戶(hù)對(duì)應(yīng)的功能。然后，把這些功能顯示在導(dǎo)航欄的區(qū)域就行，這也就是，用戶(hù)登錄后，只能看到自己具備的功能的思路。2.前端盛行的當(dāng)下：當(dāng)下，前后端分別。所以，權(quán)限可以由后端處理，也可以由前端處理。1）、后端處理權(quán)限的思路：登錄功能-輸入用戶(hù)名和密碼-

4、前端發(fā)送用戶(hù)名和密碼-后端接收到用戶(hù)名和密碼-找數(shù)據(jù)庫(kù)（驗(yàn)證用戶(hù)名和密碼）-驗(yàn)證通過(guò)時(shí)-找數(shù)據(jù)庫(kù)（用戶(hù)名-角色-功能）-獵取到該用戶(hù)的功能-發(fā)送給前端-前端按照獵取到的功能，循環(huán)顯示出該功能。2）、前端處理權(quán)限的思路（不推舉）：首先，需要把權(quán)限保存在前端，這樣會(huì)寫(xiě)死。所以，不推舉。以下是思路：登錄功能-輸入用戶(hù)名和密碼-前端發(fā)送用戶(hù)名和密碼-后端接收到用戶(hù)名和密碼-找數(shù)據(jù)庫(kù)（驗(yàn)證用戶(hù)名和密碼）-驗(yàn)證通過(guò)時(shí)-返回前端（同時(shí)，返回角色）-前端按照角色對(duì)應(yīng)的功能權(quán)限，展示對(duì)應(yīng)的功能。三、用法vue完成后臺(tái)管理系統(tǒng)的（功能級(jí)）權(quán)限：此處，還是以后端處理權(quán)限的思路，前端僅作功能權(quán)限的展示為例，舉行描述。

5、用法vue-router的addroutes來(lái)動(dòng)態(tài)轉(zhuǎn)變路由配置。1、步驟1）、默認(rèn)路由配置里惟獨(dú)登錄的配置。import vue from &39;vue&39;import vuerouter from "vue-router"import login from "/pages/login"vue.use（vuerouter）; /把vue-router安裝到vue。/ 創(chuàng)建vue-router對(duì)象let router = new vuerouter（mode: "hash", /路由模式routes: path: "/&

6、quot;,redirect: "/login",path: "/login",component: login）;export default router;2）、登錄勝利后，后端返回功能權(quán)限，最好挺直就是路由配置，假如不是，前端把功能權(quán)限處理成路由配置的json數(shù)組格式。用法vue-router對(duì)象的addroutes辦法把該路由配置動(dòng)態(tài)添加到路由對(duì)象里。同時(shí)，把該路由配置保存到sessionstorage里（防止前端刷新后走失路由配置）。axios（url: ——/roles——，method: &q

7、uot;get",params: username: this.username,userpass: this.userpass）。then（res = let roles = res.data0.data;/this.allroutes是全部的路由配置，可以放在vuex中，以下代碼是，按照后端返回的權(quán)限，產(chǎn)生該用戶(hù)對(duì)應(yīng)的路由配置let currroutes = this.allroutes.filter（item = return roles.some（obj = obj.path = item.path）;）;/把獵取到的權(quán)限保存到sessionstorage中sessionst

8、orage.setitem（"roles", json.stringify（roles）;/把獵取到的權(quán)限，動(dòng)態(tài)增強(qiáng)到vue-router對(duì)象里this.$router.addroutes（currroutes）;this.$router.push（"/home"）;）;3）、前端在app.vue里的created里，需要讀取cookie里或sessionstorage里保存的路由配置，同樣需要把讀取到的路由配置，用法vue-router對(duì)象的addroutes辦法把該路由配置動(dòng)態(tài)添加到路由對(duì)象里。這樣刷新頁(yè)面時(shí)，就可以在此處獵取到當(dāng)前用戶(hù)的路由權(quán)限。created（） this.roles = json.parse（sessionstorage.getitem（"roles"）;if （this.roles） /this.allroutes是全部的路由配置，可以放在vuex中，以下代碼是，按照后端返回的權(quán)限，產(chǎn)生該用戶(hù)對(duì)應(yīng)的路由配置let currroutes = this.allroutes.filter（item = return this.roles.some（obj = ob