11月在趕一個(gè)項(xiàng)目，這陣子比較忙，擠擠時(shí)間更一篇博客吧，如標(biāo)題所述說說在ng中頁面訪問權(quán)限控制的問題，水平有限各位看官見諒；
在以往的項(xiàng)目中，前后端常見的配合方式是前端提供頁面和ui加一點(diǎn)DuangDuangDuang的效果，后端搭建框架數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)交互(數(shù)據(jù)交互前后端有交集)，不管是.net、java or php都能一對(duì)多的提供前端服務(wù)，然而在新形式下項(xiàng)目中運(yùn)用了前端框架，開發(fā)情況就不一樣了，比如我要說的這是在angular框架下完成的開發(fā)，模式是后端提供服務(wù)和api文檔，頁面和數(shù)據(jù)交互及邏輯處理由前端完成，前端儼然是個(gè)完全的programer了，這個(gè)過程中就會(huì)遇到之前意想不到的問題(如果沒有做過后端開發(fā))，比如頁面權(quán)限控制，不得不說，使用前端的方式去做這些設(shè)置比較糾結(jié)，因?yàn)檫@方面的數(shù)據(jù)，也就是這些權(quán)限的‘標(biāo)示’，后端運(yùn)行的時(shí)候是可以直接獲得的，即像獲取字段數(shù)據(jù)a.b點(diǎn)一下就出來了，而前端只能用http請(qǐng)求的方式獲取，繁瑣麻煩；
其實(shí)在ng中做頁面訪問權(quán)有很多種方法，各有利弊，運(yùn)用的比較多的是攔截器，攔截器使得在前端往后端發(fā)送http請(qǐng)求之前或之后做一些操作，比如全局監(jiān)測(cè)用戶是否登錄，沒登陸就要跳轉(zhuǎn)的登錄頁面，登錄就可以訪問頁面；攔截器的使用往往配合后臺(tái)數(shù)據(jù)，也就是獲取到最新的‘標(biāo)示’，來確定這個(gè)頁面或者下個(gè)頁面要做什么操作；而這里我使用的是一種用前端控制的方式，不用數(shù)據(jù)交互，理念就是定義好不同等級(jí)/階段可以訪問的頁面，在路由的地方作攔截，針對(duì)一些不同等級(jí)/階段訪問權(quán)限定義明確的可以參考使用這種方法，代碼如下：
...... app.run(['$rootScope', '$state', '$window', function($rootScope, $state, $window) { $rootScope.$on('$stateChangeStart', function(event, toState, toStateParams) { //用戶訪問等級(jí)階段， 0 1 2 Array.prototype.contains = function(needle) { for(i in this) { if(網(wǎng)友評(píng)論
