react-umi-2-7.权限管理之角色列表

最新推荐文章于 2025-06-15 14:18:20 发布

An_s

最新推荐文章于 2025-06-15 14:18:20 发布

阅读量683

点赞数

CC 4.0 BY-SA版权

分类专栏： umi3+egg中台实战项目文章标签： javascript reactjs typescript

本文链接：https://blog.youkuaiyun.com/echo_Ae/article/details/110851061

umi3+egg中台实战项目专栏收录该内容

32 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文展示了在React Umi框架下，如何搭建权限管理中的角色列表页面。通过pages-adminRole目录下的index.tsx、index.less、models和services等文件，实现了页面的基础结构和样式，并为后期对接API做好了准备。

效果图：

pages - authority - adminRole

index.tsx

import React, { useState } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Button, Tag, Popconfirm, message, Badge, Modal, Tree } from 'antd';
import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
import ProTable from '@ant-design/pro-table';
import ProForm, {
  ModalForm,
  ProFormText,
  ProFormSwitch
} from '@ant-design/pro-form';

export i

了解本专栏