前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Apache-ShenYu支持namespace功能(四)

Apache-ShenYu支持namespace功能(四)

作者头像
阿超
发布2024-09-10 10:46:30
1130
发布2024-09-10 10:46:30
举报
文章被收录于专栏:快乐阿超

教育的最高目标不是知识而是行动。——斯宾塞

本次适配是将几个页面的namespace选择框隐藏了,然后对data-permission数据权限配置弹框里添加了一个namespace选择框,并在内部切换namespace时候刷新表格

PR链接:

https://github.com/apache/shenyu-dashboard/pull/479

隐藏namespace的逻辑很简单,首先用withRouterreact组件和dvajs的路由绑定:

代码语言:javascript
复制
import { withRouter } from "dva/router";

然后绑定:

代码语言:javascript
复制
export default withRouter(GlobalHeader);

然后从props里取出当前路由

代码语言:javascript
复制
const { location: { pathname } } = this.props;

进行判断,当不在下列路由里时,showNamespacestrue

代码语言:javascript
复制
const showNamespaces = !~[
      "/config/dict",
      "/config/namespace",
      "/config/pluginhandle",
      "/system/resource",
      "/system/role",
      "/system/manage",
    ].indexOf(pathname);

然后在renderjsx里,如果showNamespacestrue,渲染组件

代码语言:javascript
复制
{showNamespaces && (namespace组件)}

下一步就是添加data-permission弹框适配了,没啥需要特意说的,看代码吧,基本就是照着ant-design文档进行开发

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-09-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档