ant design 的 tree 如何作为角色中的权限选择之一

已于 2024-08-19 15:00:27 修改
阅读量69 收藏 1
点赞数 5
分类专栏： ant design pro 文章标签： 服务器 运维
于 2024-08-19 14:42:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39637597/article/details/141324925
版权

在这里插入图片描述
在这里插入图片描述
这种功能如何弄呢？

编辑的时候要让权限能选中哦。

<ProForm.Item name="permissions" label={intl.formatMessage({ id: 'permission_choose' })}>
          <Spin spinning={loading}>
            <Tree
              checkable
              onExpand={onExpand}
              expandedKeys={expandedKeys}
              autoExpandParent={autoExpandParent}
              onCheck={onCheck}
              checkedKeys={checkedKeys}
              onSelect={onSelect}
              selectedKeys={selectedKeys}
              treeData={permissionGroups} // Use filtered top-level groups
              fieldNames={{ title: 'name', key: '_id', children: 'children' }}
            />
          </Spin>
        </ProForm.Item>

首先这个地方，你要使用 tree 这个组件。

主要是这个 permissionGroups 的数据从哪里来

给看一下响应出来的数据：

在这里插入图片描述
这是具体数据：

{
    "success": true,
    "data": [
        {
            "_id": "66b1b54ef8871ea52a7e3de9",
            "name": "认证管理",
            "createdAt": "2024-08-06T05:31:58.495Z",
            "updatedAt": "2024-08-10T02:24:31.070Z",
            "__v": 0,
            "children": [
                {
                    "_id": "66b1b00bb5d937a0aef34034",
                    "name": "权限",
                    "createdAt": "2024-08-06T05:09:31.292Z",
                    "updatedAt": "2024-08-10T02:24:41.759Z",
                    "__v": 0,
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "children": [
                        {
                            "_id": "66adee8cd22d6d5b1ce00780",
                            "name": "更新权限",
                            "path": "/permissions/:id",
                            "action": "PUT",
                            "permissionGroup": "66b1b00bb5d937a0aef34034",
                            "createdAt": "2024-08-03T08:47:08.777Z",
                            "updatedAt": "2024-08-10T02:38:15.837Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b1a12b0e10340bd8bbeba0",
                            "name": "删除权限",
                            "path": "/permissions",
                            "action": "DELETE",
                            "createdAt": "2024-08-06T04:06:03.752Z",
                            "updatedAt": "2024-08-10T02:31:07.287Z",
                            "__v": 0,
                            "permissionGroup": "66b1b00bb5d937a0aef34034"
                        },
                        {
                            "_id": "66b1c55141364c27c464f858",
                            "name": "查看权限",
                            "path": "/permissions",
                            "action": "GET",
                            "permissionGroup": "66b1b00bb5d937a0aef34034",
                            "createdAt": "2024-08-06T06:40:17.991Z",
                            "updatedAt": "2024-08-10T08:03:27.245Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6cf51aa92a3526285b14d",
                            "name": "添加权限",
                            "path": "/permissions",
                            "action": "POST",
                            "createdAt": "2024-08-10T02:24:17.940Z",
                            "updatedAt": "2024-08-10T02:30:22.189Z",
                            "__v": 0,
                            "permissionGroup": "66b1b00bb5d937a0aef34034"
                        }
                    ]
                },
                {
                    "_id": "66b6d2c9b9ad87dfa985f34f",
                    "name": "用户",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-10T02:39:05.563Z",
                    "updatedAt": "2024-08-10T02:39:05.563Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b6d339b9ad87dfa985f3dd",
                            "name": "添加用户",
                            "path": "/users",
                            "action": "POST",
                            "permissionGroup": "66b6d2c9b9ad87dfa985f34f",
                            "createdAt": "2024-08-10T02:40:57.583Z",
                            "updatedAt": "2024-08-10T02:41:30.112Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d352b9ad87dfa985f3f0",
                            "name": "查看用户",
                            "path": "/users",
                            "action": "GET",
                            "permissionGroup": "66b6d2c9b9ad87dfa985f34f",
                            "createdAt": "2024-08-10T02:41:22.895Z",
                            "updatedAt": "2024-08-10T08:03:22.477Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d368b9ad87dfa985f416",
                            "name": "删除用户",
                            "path": "/users",
                            "action": "DELETE",
                            "permissionGroup": "66b6d2c9b9ad87dfa985f34f",
                            "createdAt": "2024-08-10T02:41:44.912Z",
                            "updatedAt": "2024-08-10T02:41:44.912Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d37bb9ad87dfa985f429",
                            "name": "更新用户",
                            "path": "/users/:id",
                            "action": "PUT",
                            "permissionGroup": "66b6d2c9b9ad87dfa985f34f",
                            "createdAt": "2024-08-10T02:42:03.242Z",
                            "updatedAt": "2024-08-10T02:45:40.000Z",
                            "__v": 0
                        }
                    ]
                },
                {
                    "_id": "66b6d2ddb9ad87dfa985f362",
                    "name": "菜单",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-10T02:39:25.628Z",
                    "updatedAt": "2024-08-10T02:39:25.628Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b6d440b9ad87dfa985f488",
                            "name": "添加菜单",
                            "path": "/menus",
                            "action": "POST",
                            "permissionGroup": "66b6d2ddb9ad87dfa985f362",
                            "createdAt": "2024-08-10T02:45:20.021Z",
                            "updatedAt": "2024-08-10T02:45:20.021Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d46cb9ad87dfa985f4c1",
                            "name": "删除菜单",
                            "path": "/menus",
                            "action": "DELETE",
                            "permissionGroup": "66b6d2ddb9ad87dfa985f362",
                            "createdAt": "2024-08-10T02:46:04.896Z",
                            "updatedAt": "2024-08-10T02:46:04.896Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d47db9ad87dfa985f4d4",
                            "name": "更新菜单",
                            "path": "/menus/:id",
                            "action": "PUT",
                            "permissionGroup": "66b6d2ddb9ad87dfa985f362",
                            "createdAt": "2024-08-10T02:46:21.612Z",
                            "updatedAt": "2024-08-10T02:46:52.140Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d48bb9ad87dfa985f4e7",
                            "name": "查看菜单",
                            "path": "/menus",
                            "action": "GET",
                            "permissionGroup": "66b6d2ddb9ad87dfa985f362",
                            "createdAt": "2024-08-10T02:46:35.896Z",
                            "updatedAt": "2024-08-10T08:03:13.698Z",
                            "__v": 0
                        }
                    ]
                },
                {
                    "_id": "66b6d2e9b9ad87dfa985f377",
                    "name": "角色",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-10T02:39:37.339Z",
                    "updatedAt": "2024-08-10T02:39:37.339Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b6d39eb9ad87dfa985f43c",
                            "name": "添加角色",
                            "path": "/roles",
                            "action": "POST",
                            "permissionGroup": "66b6d2e9b9ad87dfa985f377",
                            "createdAt": "2024-08-10T02:42:38.531Z",
                            "updatedAt": "2024-08-10T02:42:38.531Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d3dfb9ad87dfa985f44f",
                            "name": "删除角色",
                            "path": "/roles",
                            "action": "DELETE",
                            "permissionGroup": "66b6d2e9b9ad87dfa985f377",
                            "createdAt": "2024-08-10T02:43:43.882Z",
                            "updatedAt": "2024-08-10T02:43:43.882Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d3fab9ad87dfa985f462",
                            "name": "更新角色",
                            "path": "/roles/:id",
                            "action": "PUT",
                            "permissionGroup": "66b6d2e9b9ad87dfa985f377",
                            "createdAt": "2024-08-10T02:44:10.845Z",
                            "updatedAt": "2024-08-10T02:45:31.647Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d40db9ad87dfa985f475",
                            "name": "查看角色",
                            "path": "/roles",
                            "action": "GET",
                            "permissionGroup": "66b6d2e9b9ad87dfa985f377",
                            "createdAt": "2024-08-10T02:44:29.797Z",
                            "updatedAt": "2024-08-10T08:03:18.669Z",
                            "__v": 0
                        }
                    ]
                },
                {
                    "_id": "66b6d2fdb9ad87dfa985f38e",
                    "name": "数据权限",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-10T02:39:57.756Z",
                    "updatedAt": "2024-08-10T02:39:57.756Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b6d544b9ad87dfa985f559",
                            "name": "添加数据权限",
                            "path": "/data-permissions",
                            "action": "POST",
                            "permissionGroup": "66b6d2fdb9ad87dfa985f38e",
                            "createdAt": "2024-08-10T02:49:40.379Z",
                            "updatedAt": "2024-08-10T02:49:40.379Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d559b9ad87dfa985f56c",
                            "name": "删除数据权限",
                            "path": "/data-permissions",
                            "action": "DELETE",
                            "permissionGroup": "66b6d2fdb9ad87dfa985f38e",
                            "createdAt": "2024-08-10T02:50:01.137Z",
                            "updatedAt": "2024-08-10T02:50:01.137Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d578b9ad87dfa985f57f",
                            "name": "更新数据权限",
                            "path": "/data-permissions/:id",
                            "action": "PUT",
                            "permissionGroup": "66b6d2fdb9ad87dfa985f38e",
                            "createdAt": "2024-08-10T02:50:32.533Z",
                            "updatedAt": "2024-08-10T02:50:32.533Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d586b9ad87dfa985f592",
                            "name": "查看数据权限",
                            "path": "/data-permissions",
                            "action": "GET",
                            "permissionGroup": "66b6d2fdb9ad87dfa985f38e",
                            "createdAt": "2024-08-10T02:50:46.780Z",
                            "updatedAt": "2024-08-10T08:03:04.925Z",
                            "__v": 0
                        }
                    ]
                },
                {
                    "_id": "66b6d314b9ad87dfa985f3a7",
                    "name": "权限组",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-10T02:40:20.528Z",
                    "updatedAt": "2024-08-10T02:40:20.528Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b6d4bdb9ad87dfa985f50d",
                            "name": "添加权限组",
                            "path": "/permission-groups",
                            "action": "POST",
                            "permissionGroup": "66b6d314b9ad87dfa985f3a7",
                            "createdAt": "2024-08-10T02:47:25.139Z",
                            "updatedAt": "2024-08-10T02:47:25.139Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d500b9ad87dfa985f520",
                            "name": "删除权限组",
                            "path": "/permission-groups",
                            "action": "DELETE",
                            "permissionGroup": "66b6d314b9ad87dfa985f3a7",
                            "createdAt": "2024-08-10T02:48:32.481Z",
                            "updatedAt": "2024-08-10T02:48:32.481Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d519b9ad87dfa985f533",
                            "name": "更新权限组",
                            "path": "/permission-groups/:id",
                            "action": "PUT",
                            "permissionGroup": "66b6d314b9ad87dfa985f3a7",
                            "createdAt": "2024-08-10T02:48:57.720Z",
                            "updatedAt": "2024-08-10T02:48:57.720Z",
                            "__v": 0
                        },
                        {
                            "_id": "66b6d52cb9ad87dfa985f546",
                            "name": "查看权限组",
                            "path": "/permission-groups",
                            "action": "GET",
                            "permissionGroup": "66b6d314b9ad87dfa985f3a7",
                            "createdAt": "2024-08-10T02:49:16.624Z",
                            "updatedAt": "2024-08-10T08:03:09.517Z",
                            "__v": 0
                        }
                    ]
                },
                {
                    "_id": "66b9ad348554e602536acc67",
                    "name": "认证管理菜单",
                    "parent": {
                        "_id": "66b1b54ef8871ea52a7e3de9",
                        "name": "认证管理",
                        "createdAt": "2024-08-06T05:31:58.495Z",
                        "updatedAt": "2024-08-10T02:24:31.070Z",
                        "__v": 0
                    },
                    "createdAt": "2024-08-12T06:35:32.560Z",
                    "updatedAt": "2024-08-12T06:35:32.560Z",
                    "__v": 0,
                    "children": [
                        {
                            "_id": "66b9ad528554e602536acc84",
                            "name": "授权管理菜单",
                            "path": "/auth",
                            "action": "GET",
                            "permissionGroup": "66b9ad348554e602536acc67",
                            "createdAt": "2024-08-12T06:36:02.754Z",
                            "updatedAt": "2024-08-12T06:36:02.754Z",
                            "__v": 0
                        }
                    ]
                }
            ]
        },
        {
            "_id": "66adec30d647a4fde5546b1c",
            "name": "材料类目",
            "createdAt": "2024-08-03T08:37:04.433Z",
            "updatedAt": "2024-08-10T02:24:51.188Z",
            "__v": 0,
            "children": [
                {
                    "_id": "66b6d7a5b9ad87dfa985f749",
                    "name": "添加材料类目",
                    "path": "/material-categories",
                    "action": "POST",
                    "permissionGroup": "66adec30d647a4fde5546b1c",
                    "createdAt": "2024-08-10T02:59:49.106Z",
                    "updatedAt": "2024-08-10T07:36:39.702Z",
                    "__v": 0
                },
                {
                    "_id": "66b6d7b4b9ad87dfa985f75c",
                    "name": "删除材料类目",
                    "path": "/material-categories",
                    "action": "DELETE",
                    "permissionGroup": "66adec30d647a4fde5546b1c",
                    "createdAt": "2024-08-10T03:00:04.930Z",
                    "updatedAt": "2024-08-10T07:36:36.183Z",
                    "__v": 0
                },
                {
                    "_id": "66b6d7c4b9ad87dfa985f76f",
                    "name": "更新材料类目",
                    "path": "/material-categories/:id",
                    "action": "PUT",
                    "permissionGroup": "66adec30d647a4fde5546b1c",
                    "createdAt": "2024-08-10T03:00:20.075Z",
                    "updatedAt": "2024-08-10T07:36:32.789Z",
                    "__v": 0
                },
                {
                    "_id": "66b6d7d0b9ad87dfa985f782",
                    "name": "查看材料类目",
                    "path": "/material-categories",
                    "action": "GET",
                    "permissionGroup": "66adec30d647a4fde5546b1c",
                    "createdAt": "2024-08-10T03:00:32.932Z",
                    "updatedAt": "2024-08-10T08:02:59.634Z",
                    "__v": 0
                }
            ]
        }
    ],
    "total": 2
}

组件好办，主要是后端这个数据结构，要对上。

name children ，这些要跟组件的参数对上。

无论你的后端如何写，你返回的数据一定要对上：

          fieldNames={{ title: 'name', key: '_id', children: 'children' }}

这是第一步。

下一篇https://editor.csdn.net/md/?articleId=141324925

程序员随风
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关闭ant的tree_Ant-Design的树形控件Tree的使用心得
weixin_39539588的博客
12-21 965
树形控件在需要层级展示的时候有很大的用处，如组织架构、国家地区等。这里记录的使用是在关于角色权限的展示。需求是这样的：不同的角色会有不同的权限，切换角色的时候需要准确的显示该角色拥有的权限，且有相关权限的用户可对角色权限进行修改，即增加或删除用户的某一权限。一开始看到原型的时候，想到Ant Design有的树形控件，感觉上比较简单。直到真正开始写代码的时候，发现好像并没有想象中那么简单。下面开始摸...
Ant Design 5.0+react管理系统后台程序
01-14
通过学习和实践`ant-design-pro-master`项目，开发者可以快速掌握如何利用Ant Design 5.0和React构建一个完整的后台管理系统，同时也能了解如何将用户、菜单、权限管理融入到实际项目中。 总结来说，Ant Design 5.0...
ant design 的 tree 如何作为角色中的权限选择之二
最新发布
求知久久编程学院
08-19 72
主要是这个 initialValues ，permissions 是 那个 name ，对上了就好。但是提交的时候要把 permissions 带上。我是权限组是有层级的，然后权限组下面有权限。为什么编辑的时候会填充上选中的状态？大约是这样的情况，希望对大家有所帮助。后端的话可以参考我的设计，
基于Ant Design Tree 实现的最末端叶子节点横向显示
老汪的技术人生
05-26 2978
由于项目需要，需要让树状菜单的最后一层级横向展开显示。项目UI使用的是Ant Design，查阅了Ant Design Tree的API，目前是不支持我们所需要实现的效果。 查阅了网上的一些解决方案，有的是换组件，有的是解决了所有叶子节点横向显示，由于不想引用过多的第三方组件，简单利用Ant Design的Tree组件早了这个轮子，一般可以用作权限管理等功能使用。 解决思路： 1. 如何解决Ant Design 的横向显示问题。 解析Tree的结构，发现是一个Flex的容器，容器子节点使用colum
ant design pro v2 - 权限控制
小蚂蚁的世界
09-15 1662
同步语雀地址：https://www.yuque.com/chenzilong/nigxcx/qtv5n3github地址：https://github.com/rodchen-king/ant-design-pro-v2/tree/permission-branch 后台管理平台内部权限大部分涉及到到两种方式：资源权限 & 数据权限 1. 基本介绍 资源权限：菜单导航栏 & 页面 & 按钮 资源可见权限。 数据权限：对于页面上的数据操作，同一个人同一个页面不同的数据可能存在不
ant design tree 选择子节点是否关联父节点
smile_68的博客
01-11 6142
选择某个子菜单时，需要将父菜单也发送过去，后端要判断权限，如果只发子菜单，就做不到匹配，导致父菜单都不会显示在菜单栏。 需要解决的问题是antd tree中，父子节点是受控的，默认如果只选择一个子节点，就只把这一个子节点放进数组，如果选择了父节点下的所有子节点，就会将父节点也放进去。现在需要的是，只选择一个子节点的时候，也将父节点放进去。但是antd tree组件没有提供这个属性。于是自己按照后...
Ant Design Vue 中 Tree 树形控件 defaultExpandAll 设置无效
Alex
11-17 2738
问题： 在代码中设置了default-expand-all属性 树形结构还是没有展开原因： 因为default-expand-all属性是用来设置默认值的，而初始值treeData通常情况下是需要调异步请求来获取数据的 默认是空数组，在treeData是空数组的时候<a-tree>组件已经渲染了，没有树结构节点所以default-expand-all属性看起来也没有发挥作用了。解决： 在渲染<a-tree>组件的时候先判断treeData数组长度大于0才渲染 <template
Ant Design Vue- tree组件不返回父节点问题 （已解决）
qq_61033782的博客
06-17 294
123当我们使用andt里面的Tree 组件时发现不全部选中子节点，v-mode绑定的数据是不给父节点的，一般是在做菜单权限会出现这种问题，必须要给后端连着父节点id，这就正好冲突了。2.单独保存起来，提交的时候和checkedKeys合并去重一下。1. 利用check事件 会返回半选中的节点也就是父节点的id。3.回显的时候对接口返回的ids集合进行提出分开绑定数据。其他博主写的都非常的复杂，实在是看不下了。不多说废话，直接上解决方案。
ant design vue中Tree树形控件defaultExpandAll设置无效
HSJ0170的博客
09-29 1297
Tree树形控件 ,defaultExpandAll 仅在组件第一次渲染时有效，tree组件、其它组件的defaultXXX值都是这个行为。 解决： treeData数据： treeData = [{ title: '权限管理', key: '0-0', children: [{ title: '用户管理', key: '0-0-0', children: [{
React中使用Ant Design 以Menu导航菜单形式展示Tree树形结构
热门推荐
roamingcode的博客
08-15 2万+
引言 最近要做一个组织机构树的树级菜单展示，UI框架使用的是Ant Design,这不正好可以使用Tree组件，如图示 奈何领导说太丑，指明要换成类似Menu形式的树形菜单，如图示 于是乎，有两种修改方案 先考虑改造Tree控件，这其中不仅需要修改css,还要修改Tree的内部结构 不使用Tree控件直接使用Menu导航菜单，在其上添加所需要的功能 这里采用第二种方案，首先...
ztree实现权限横向显示功能
01-19
最近在做权限功能的时候，采用的ztree实现的，但是产品要求最后一层的权限节点要横向显示。开始在网上找的解决方案是用css样式把最后一层的display设置为inline。在我本地电脑上看了下。效果不错。 但是，后来测试在...
管理系统系列--基于 Ant Design React 的管理系统架构.zip
02-25
在本项目中，“管理系统系列--基于 Ant Design React 的管理系统架构.zip”是一个压缩包，它包含了一个使用 Ant Design 和 React 框架构建的管理系统的源代码。Ant Design 是一个流行的 UI 设计语言和组件库，专门...
无限级多选树型菜单（checkbox Tree）
08-13
无限级多选树型菜单（Checkbox Tree）是一种常见的UI组件，尤其在数据管理、权限配置、目录结构展示等场景中广泛应用。它结合了树形结构和复选框元素，允许用户进行多级选择，实现对数据层次化、递归式的操作。在...
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选
11-13
在IT领域，尤其是在前端开发中，构建用户界面时经常需要处理多级目录树结构，并且在这样的结构中加入复选框功能，以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...
Linux日常运维小结
lza20001103的博客
08-14 996
Linux日常运维小结
服务器数据恢复—raid5阵列热备盘未全部启用导致阵列崩溃的数据恢复案例
beiya123的博客
08-14 339
服务器存储数据恢复环境： 一台EMC某型号存储中有一组RAID5磁盘阵列。该raid5阵列中有12块硬盘，其中2块硬盘为热备盘。 服务器存储故障： 该存储raid5阵列中有两块硬盘离线，只有1块热备盘启用替换掉其中一块离线盘，另外1块热备盘未成功启用，raid5阵列崩溃，存储不可用。 磁盘阵列中硬盘离线的原因通常是磁盘存在物理故障或者硬盘出现坏道。由于EMC存储中的raid控制器的磁盘检查策略十分严格，经常将硬盘的性能不稳定判定为硬件故障并将该硬盘踢出raid。
华为路由的AAA是什么？
huaqianzkh的专栏
08-14 691
华为路由的AAA是Authentication(认证)、‌Authorization(授权)和Accounting(计费)的简称，‌是一种提供认证、‌授权和计费的安全管理机制。‌AAA作为一种网络安全管理机制，‌主要提供以下功能和服务：‌认证：‌验证用户是否可以获得网络访问权，‌确定哪些用户可以访问网络。‌授权：‌授权用户可以使用哪些服务，‌即对用户赋予不同的权限，‌限制用户可以使用的服务。‌计费。
仿RabbiteMq实现简易消息队列正式篇（需求分析）
m0_62812354的博客
08-14 1129
TOC消息队列中间件是在分布式系统中重要的组件，主要解决等等问题。实现高性能，高可用，可伸缩和最终一致性架构，是大型分布式系统不可缺少的中间件。目前常用的消息队列是RabbitMq, KafKa,ZeroMq,MetaMq等。我们是仿照RabbitMq实现简易的消息队列，就得先了解RabbitMq，RabbitMq是一种开源消息中间件，使用Erlang语言进行开发，实现了高级消息队列协议（AMQP）
ant design Tree 动态默认选中
05-31
Ant Design 的 Tree 组件可以通过 `defaultCheckedKeys` 属性来设置默认选中的节点，但是这个属性只能用于静态渲染的情况下，如果需要动态渲染树并且设置默认选中节点，可以使用 `checkedKeys` 属性和 `onCheck` 事件来实现。 具体实现方法如下： 1. 在组件的 `state` 中定义一个 `checkedKeys` 数组，用于存储当前选中的节点。 ```jsx state = { checkedKeys: [], } ``` 2. 在组件的 `componentDidMount` 生命周期中，根据需要设置默认选中的节点，并将选中的节点存储到 `checkedKeys` 数组中。 ```jsx componentDidMount() { // 获取需要默认选中的节点数据，这里假设是从服务端异步获取的 const checkedNodes = [{key: '1-1'}, {key: '2-2'}]; // 将选中的节点的 key 存储到 checkedKeys 数组中 const checkedKeys = checkedNodes.map(node => node.key); this.setState({ checkedKeys }); } ``` 3. 在组件的 `render` 方法中，将 `checkedKeys` 数组、`onCheck` 事件和其他属性一起传递给 `Tree` 组件。 ```jsx render() { return ( <Tree checkable checkedKeys={this.state.checkedKeys} onCheck={this.handleCheck} // 其他属性 > {/* 树节点 */} </Tree> ); } ``` 4. 在组件中定义 `handleCheck` 方法，用于处理节点选中状态的变化，并将选中的节点的 key 存储到 `checkedKeys` 数组中。 ```jsx handleCheck = (checkedKeys) => { this.setState({ checkedKeys }); } ``` 这样，就可以动态设置默认选中的节点了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员随风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值