您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. iView admin2.0动态路由按钮级权限实现

  2. iView admin2.0 从后端数据加载路由实现。包含前端变动代码、数据库脚本、java路由权限组装工具类代码
  3. 所属分类:Javascript

    • 发布日期:2019-04-30
    • 文件大小:15360
    • 提供者:yang727474796
  1. VueAccessControl是一套基于Vue前端用户权限控制解决方案

  2. Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。
  3. 所属分类:其它

    • 发布日期:2019-08-12
    • 文件大小:1048576
    • 提供者:weixin_39840387
  1. 基于vue+thinkphp的后台管理系统,实现动态路由

  2. 针对动态路由权限设计的后端管理项目,是基于 vue+thinkphp5.0开发的,后端为前端提供可访问的路由,同时后端也增加了权限验证进一步加强系统安全。
  3. 所属分类:管理软件

    • 发布日期:2020-01-18
    • 文件大小:72351744
    • 提供者:master_nan
  1. 前端项目-angular-permission.zip

  2. 前端项目-angular-permission,通过角色/权限进行简单路由授权
  3. 所属分类:其它

    • 发布日期:2019-09-03
    • 文件大小:105472
    • 提供者:weixin_38744207
  1. vue路由守卫,限制前端页面访问权限的例子

  2. 今天小编就为大家分享一篇vue路由守卫,限制前端页面访问权限的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:43008
    • 提供者:weixin_38523728
  1. vue路由权限校验功能的实现代码

  2. 引言 做后台系统的时候,难免会有用户权限的判断。admin可以查看全部菜单,user只能查看部分菜单。 一开始接触这个需求的时候,完全是纯前端做的。在配置路由的时候,加一个roles的属性,通过判断用户的roles是否与路由的roles属性相匹配来作为显示隐藏的依据 { path: '/router', name: 'router', meta: { title: '标题', roles: ['admin','user'] }, component: index, childr
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:56320
    • 提供者:weixin_38646230
  1. 使用React-Router实现前端路由鉴权的示例代码

  2. React-Router 是React生态里面很重要的一环,现在React的单页应用的路由基本都是前端自己管理的,而不像以前是后端路由,React管理路由的库常用的就是就是 React-Router 。本文想写一下 React-Router 的使用,但是光介绍API又太平淡了, 而且官方文档已经写得很好了 ,我这里就用一个常见的开发场景来看看 React-Router 是怎么用的吧。而我们一般的系统都会有用户访问权限的限制,某些页面可能需要用户具有一定的权限才能访问。本文就是用 React-Ro
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:105472
    • 提供者:weixin_38750406
  1. vue 实现动态路由的方法

  2. 很多时候我们在项目的路由都是在前端配置好的 但是有的时候为了进行全面的权限控制,会需要后台给出路由表,前端再渲染。不用在前端配置。 下面主要讲一下思路 1、和后台小哥哥沟通好数据,把我们前端配置的路由表数据给他,他就能看懂了 2、拿到数据需要我们自己再处理 路由中的component后台是给不了的,这里我们只需要后台小哥哥按照我们提供的前端component路径给数据,我们循环加载就可以了 //view就是后台给的数据 return () => import(`/view/modul
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:57344
    • 提供者:weixin_38666527
  1. vue自定义指令和动态路由实现权限控制

  2. 功能概述: 根据后端返回接口,实现路由动态显示 实现按钮(HTML元素)级别权限控制 涉及知识点: 路由守卫 Vuex使用 Vue自定义指令 导航守卫 前端工程采用Github开源项目Vue-element-admin作为模板,该项目地址:Github | Vue-element-admin 。 在Vue-element-admin模板项目的src/permission.js文件中,给出了路由守卫、加载动态路由的实现方案,在实现了基于不同角色加载动态路由的功能。我们只需要稍
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:152576
    • 提供者:weixin_38688380
  1. Angular2使用Guard和Resolve进行验证和权限控制

  2. 我们在开发web应用时,在服务器端都会控制某种或某个用户是否有权限调用某个接口。在前端,我们除了根据用户的角色或其他特性来控制一些页面元素是否显示以外,也需要控制用户是否能够进入某些页面(例如通过直接输入URL的方式直接进入)。要控制是否显示,我们可以使用 *ngIf 、 [hidden] 等方式。而对于控制用户能否进入某个页面,Angular2的路由框架也提供了非常方便的方式来实现这个功能。 Angular2提供了2种组件, Guard 和 Resolve 。 Guard 顾名思义就是用来保护
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:86016
    • 提供者:weixin_38729399
  1. Vue2.0用户权限控制解决方案

  2. Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。 安装 版本要求 Vue 2.0x Vue-router 3.x 获取 git:git clone https://github.com/tower1229/Vue-Access-Control.git npm:npm i vue-access-control 运行 //开发 npm run de
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:102400
    • 提供者:weixin_38703277
  1. 浅谈vue权限管理实现及流程

  2. 一、整体思路 后端返回用户权限,前端根据用户权限处理得到左侧菜单;所有路由在前端定义好,根据后端返回的用户权限筛选出需要挂载的路由,然后使用 addRoutes 动态挂载路由。 二、实现要点 (1)路由定义,分为初始路由和动态路由,一般来说初始路由只有 login,其他路由都挂载在 home 路由之下需要动态挂载。 (2)用户登录,登录成功之后得到 token,保存在 sessionStorage,跳转到 home,此时会进入路由拦截根据 token 获取用户权限列表。 (3)全局路由拦截,
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:102400
    • 提供者:weixin_38614812
  1. Vue+Express实现登录状态权限验证的示例代码

  2. 前提 对Vue全家桶有基本的认知. 用有node环境 了解express 另外本篇只是介绍登录状态的权限验证,以及登录,注销的前后端交互.具体流程(例如:前端布局,后端密码验证等).以后有时间再对这些边边角角进行补充 一丶业务分析 1.什么情况下进行权限验证? 访问敏感接口 前端向后端敏感接口发送ajax 后端进行session验证,并返回信息 前端axios拦截返回信息,根据返回信息进行操作 进行页面切换 页面切换,触发vue-router的路由守卫 路由
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:179200
    • 提供者:weixin_38725119
  1. Vue-Access-Control 前端用户权限控制解决方案

  2. Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。 整体思路 会话开始之初,先初始化一个只有登录路由的Vue实例,在根组件created钩子里将路由定向到登录页,用户登录成功后前端拿到用户token,设置axios实例统一为请求headers添加{“Authorization”:token}实现用户鉴权,然后获取当前用户的权限数据,主要包括路由权限
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:105472
    • 提供者:weixin_38647925
  1. vue实现权限控制路由(vue-router 动态添加路由)

  2. 用户登录后返回权限菜单,前端根据权限菜单动态添加路由,然后再动态生成菜单栏。 思路如下: 一、定义初始化默认路由。 二、动态配置路由,这里是把所有组件中相应的路由配置成一个个的对象,根据后台返回的菜单tree一个个去匹配。 三、通过匹配,把匹配好的路由数据addRoutes到路由中。 四、为了防止刷新页面后路由数据被清空,这里用判断是否登录的方式,再次加载动态路由。 具体代码如下: router.js import Vue from 'vue' import {router} fro
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:146432
    • 提供者:weixin_38613330
  1. Vue实现远程获取路由与页面刷新导致404错误的解决

  2. 一、背景 先简单介绍一下现在项目情况:前后端分离,后端服务是Java写的,前端是Vue+ElementUI。 最近的一个需求是:通过后端Api去获取前端路由表,原因是每个登录角色对应的前端路由表可能是不一样的(权限问题) 二、遇到的问题 因为前端Vue+ElementUI项目是单页应用——即只有一个index.html页面,如果路由从远程获取的话,每次F5或点击刷新按钮刷新页面的时候,就会找不到对应的路径而报404错误   三、解决方案 1、通过api远程获取路由,然后在前端生成对应路由 /*
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:36864
    • 提供者:weixin_38739837
  1. Vue-Access-Control:基于Vue的前端访问控制框架-源码

  2. English | 权限访问控制 :gem_stone: 基于前端访问控制框架的Vue 介绍 Vue-Access-Control是基于Vue / Vue-Router / axios的前端用户权限控制解决方案,通过对路由,视图和请求的三个级别的控制,开发人员可以实现任何粒度的用户权限控制。 管理功能可以参考项目。 文献资料 下载 主页: : git: git clone https://github.com/tower1229/Vue-Access-Control.git 现场例子
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:1048576
    • 提供者:weixin_42160278
  1. Vue2.0用户权限控制解决方案的示例

  2. Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。 安装 版本要求 Vue 2.0x Vue-router 3.x 获取 git:git clone https://github.com/tower1229/Vue-Access-Control.git npm:npm i vue-access-control 运行 //开发 npm ru
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:103424
    • 提供者:weixin_38604916
  1. 基于iview-admin实现动态路由的示例代码

  2. iview-admin是一个基于vue和iview组件库实现的管理后台前端,本文基于iview-admin最新版本,实现基于权限的动态路由加载。 本文代码可参见:https://github.com/MayBeWrong/iview-admin-dynamic-router 背景: 动态路由:vue的路由,可通过new Router传入路由数组定义实现,也可以通过router.addRoutes实现。通过router.addRoutes动态传入路由定义的方式,称之为动态路由。路由数据可以全部保
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:58368
    • 提供者:weixin_38750861
  1. vue-router 控制路由权限的实现

  2. 注意:vue-router是无法完全控制前端路由权限。 1、实现思路 使用vue-router实例函数addRoutes动态添加路由规则,不多废话直接上思维导图: 2、实现步骤 2.1、路由匹配判断 // src/router.js import Vue from 'vue'; import Store from '/store'; import Router from 'vue-router'; import Cookie from 'js-cookie'; const route
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:107520
    • 提供者:weixin_38606206
« 12 3 4 5 6 7 »