文档章节

angularjs实现url权限控制

一路向北的兔斯基
 一路向北的兔斯基
发布于 2015/12/09 20:47
字数 309
阅读 218
收藏 3

目前能找到的权限控制都是通过resolve解决的,但需要每个controller都写相关的代码。网上找了一些资料,通过$routeChangeStart和$routeChangeSuccess实现url切换控制和权限控制。

  1. 首先定义不需要管理员的url数组和判断是否为此类url的方法
var frontUrls = ['/statisticsIndex', '/statisticsDetail'];
    window.isFront = function (currentPath) {
        var front = false;
        for (var i = 0; i < frontUrls.length; i++) {
            var frontUrl = frontUrls[i];
            if (currentPath.indexOf(frontUrl) > -1) {
                front = true;
                break;
            }
        }
        return front;
    }
  1. $rootScope增加$routeChangeStart的监听方法。 如果要访问的url需要管理员权限,那么再判断当前用户是否有管理员权限,如果没有则提示用户并刷新页面到主页,否则就到相应的页面
$rootScope.$on('$routeChangeStart', function () {
    var front = isFront($location.path());
    if (!front) {
        var canManager = ichsonService.canManager();
        if (!canManager) {
            alert("您没有权限访问当前页面!");
            window.location.reload();
        }
    }
});

这种方式,相对resolve,涉及的js文件改动会少很多,只需要增加frontUrls中的值就可以适应增加url的场景。

© 著作权归作者所有

共有 人打赏支持
一路向北的兔斯基
粉丝 7
博文 60
码字总数 23700
作品 0
成都
高级程序员
Angular中在前后端分离模式下实现权限控制 - 基于RBAC

权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是,对系统操作的各种权限不是直接授予具体的用户,而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权...

顽Shi
2014/08/13
0
26
ngular2 VS Angular4 深度对比:特性、性能

在Web应用开发领域,Angular被认为是最好的开源JavaScript框架之一。 Google的Angular团队已于3月23日发布了Angular4,而期待已久的Angular2版本则是之前版本的完全重构。 对于成熟的开发人员...

机器的心脏
06/02
0
0
Angular中ui-grid的使用详解

Angular中ui-grid的使用   在项目开发的过程中,产品经理往往会提出各种需求,以提高用户体验。最近,项目中用到的表格特别多,而且表格的列数和行数也超多。为了让用户浏览更爽,产品经理...

半指温柔乐
08/05
0
0
Angular.js 相关记录

AngularJS作用域文档:http://docs.angularjs.org/api/ng.$rootScope.Scope ng-view 指令的角色是为当前路由把对应的视图模板载入到布局模板中。 AngularJS内置过滤器:http://code.angular...

彭博
2014/04/25
0
2
通过路由管理视图间切换 - AngularJS路由解析

AngularJS中通过ngRoute来实现相关的路由功能,基本的安装和使用请看官网. 模板的视图刷新 ng-view这个指令和路由组合之后就可以将$route对应的视图放入指定的HTML中,这一过程中它会创建自己的...

顽Shi
2014/11/21
0
5

没有更多内容

加载失败,请刷新页面

加载更多

centos7安装Nginx

安装所需环境 一. gcc 安装 安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装: yum install gcc-c++ 二. PCRE pcre-devel 安装 PCRE(Perl Co...

狼王黄师傅
9分钟前
0
0
dubbo+apollo微服务开发指南

为了大家比较快速的开发微服务,规范dubbo,spring,mybatis,hessian,netty的版本和用法,我写了一个demo,下面对demo的功能做个简单的介绍,如有疑问的地方,可以私下问我。 微服务项目示例 ...

PageYi
11分钟前
0
0
android流式布局、待办事项应用、贝塞尔曲线、MVP+Rxjava+Retrofit、艺术图片应用等源码

Android精选源码 android模仿淘宝首页效果源码 一款艺术图片应用,采用T-MVVM打造 Android MVP + RxJava + Retrofit项目 android流式布局实现热门标签效果 android仿淘宝客户端商品详情页效果...

Android爱开源
13分钟前
0
0
一步一步安装hive

The Apache Hive ™ data warehouse software facilitates reading, writing, and managing large datasets residing in distributed storage using SQL. Structure can be projected onto d......

hnairdb
16分钟前
0
0
【WebService 系列二 使用JAX-WS开发示例程序】

1、服务端代码 1.1、编写SEI SEI即(Service Endpoint Interface)SEI在ws中称为portType,在java中称为接口 package jaxws.server;/** * @className: HelloService * @description: jax......

HansonReal
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部