登录 注册

Java Security 前后端分离时，如何控制按钮是否显示

本贴最后更新于 1625 天前，其中的信息可能已经斗转星移

最近在做一个项目的后台，需求要使用到 rbac 的框架，项目是前后端分离的，在网上找的，关于控制按钮是否显示的都是使用的 themeleaf 来实现的，关于前后端分离的案例，只找到了控制接口访问权限的；现在我要在不使用 themeleaf 的情况下，对按钮的显示做权限控制，有大佬做过这样的事情吗，能否提供一下思路呢

成都 位置
300 悬赏
1 关注
5 回帖
2.9k 58 637 365 611 37 20 72 1.0k

相关帖子

被采纳的回答
  • fpdan •
    捐赠者 
    <el-button
            v-if="hasAuthority('PAGE_ADD')"
            type="primary"
            size="medium"
            class="mr-10">
            <i class="el-icon-plus" />
            <span v-t="'page.add'">新增页面</span>
          </el-button>

    
import Vue from 'vue'
Vue.mixin({
  methods: {
    hasAuthority(authority) {
      if (this.$auth.user) {
        let authorities = []
        authorities = this.$auth.user.authorities
        if (authorities) {
          return authorities.includes(authority)
        } else {
          return false
        }
      }
      return false
    }
  }
})

    用户登录的时候 this.$auth.user.authorities 里面存的是用户所有权限，这种做法跟 thymeleaf 差不多

5 回帖
Java Security 前后端分离时，如何控制按钮是否显示

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • 233333 • • 1
    捐赠者

    随手搜了下 github https://github.com/wx7614140/FEBS-Vue-Fix

  • 其他回帖
  • fpdan •
    捐赠者 
    <el-button
            v-if="hasAuthority('PAGE_ADD')"
            type="primary"
            size="medium"
            class="mr-10">
            <i class="el-icon-plus" />
            <span v-t="'page.add'">新增页面</span>
          </el-button>

    
import Vue from 'vue'
Vue.mixin({
  methods: {
    hasAuthority(authority) {
      if (this.$auth.user) {
        let authorities = []
        authorities = this.$auth.user.authorities
        if (authorities) {
          return authorities.includes(authority)
        } else {
          return false
        }
      }
      return false
    }
  }
})

    用户登录的时候 this.$auth.user.authorities 里面存的是用户所有权限，这种做法跟 thymeleaf 差不多

  • JssDream •
    捐赠者

    shiro 不好用嘛？直接精确到按钮级别，全部返回前端，前端根据返回的权限配置下就好了，应该是这样的 😂

  • wuhongxu •

    直接过去所有的 authorities，然后主动判断按钮是否展示

  • 查看全部回帖
VULCAN2019
成都
回帖
16
 帖子
18
 积分
462

近期热议

推荐标签 标签

  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    178 引用 • 997 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 519 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    196 引用 • 540 回帖
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    23094 引用 • 92971 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 483 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 254 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    26 引用 • 196 回帖 • 18 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    30 引用 • 96 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台，同时可以将自己看到的精彩内容分享到微信朋友圈。

    132 引用 • 795 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 668 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 408 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    313 引用 • 547 回帖 • 1 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    288 引用 • 4485 回帖 • 664 关注
  • Dubbo

    Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 604 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 76 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 5 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1706 回帖 • 1 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 3 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 336 关注
  • V2Ray
    1 引用 • 15 回帖
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 242 关注
  • 导航

    各种网址链接、内容导航。

    42 引用 • 175 回帖 • 2 关注

最新标签