# Perfect Component Admin

**Repository Path**: sysadm/PerfectComponentAdmin

## Basic Information

- **Project Name**: Perfect Component Admin
- **Description**: 基于 Ant Design Pro V4 展示封装好的高复用组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.yuque.com/yuxuanbeishui/zog1rm
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 15
- **Created**: 2021-01-08
- **Last Updated**: 2021-01-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


###  **Perfect Component Admin** 


#### 介绍
基于 Ant Design Pro V4 展示封装好的高复用组件

#### 软件架构
PerfectComponentAdmin 是一款基于 Ant Design Pro V4 的组件库,封装了开发过程常用的React组件

1. 封装了基于JWT token权限认证登录
2. 封装了Tabs菜单页面切换功能
3. 封装了大量的工作函数算法类，以便处理后端的数据

    ...


#### 安装教程

- 拉取项目代码

    git clone https://gitee.com/sunpanyu/PerfectComponentAdmin.git

    cd PerfectComponentAdmin

- 安装依赖

    yarn install

- 编译项目

    yarn run build

#### 组件效果展示

1. 树形类组件

![输入图片说明](https://images.gitee.com/uploads/images/2019/1231/170712_786044aa_1616775.png "搜索树组件.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/1231/171007_cf234e39_1616775.png "右键树组件.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/1231/171235_81f18d3b_1616775.png "超级树形组件.png")

2. 拖动类组件

![输入图片说明](https://images.gitee.com/uploads/images/2019/1231/171451_bfc778cb_1616775.png "拖动tags组件.png")

3. 列表展示类组件

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/172312_971caae4_1616775.png "下拉类组件1.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/172537_a84d259c_1616775.png "下拉类组件2.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/172710_0410e797_1616775.png "图标及图片类组件.png")

4. 进度条类组件

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/172935_4f42ff1d_1616775.png "手动触发进度条.png")

5. 文本类组件

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/173054_d5886e40_1616775.png "复制到剪切板.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/173129_97cc9c51_1616775.png "文本省略.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0114/173203_9be03b70_1616775.png "文本移入移出.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0131/212429_99b6cb30_1616775.png "动态表单组件.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0229/160753_d246a131_1616775.png "双表头table组件.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0229/160854_e33da5f4_1616775.png "轮播图组件.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0321/161340_90b88866_1616775.png "文件上传.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0321/161513_336fa82e_1616775.png "Excel导入.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0321/161550_cef8e3b1_1616775.png "Excel导出.png")

![输入图片说明](https://images.gitee.com/uploads/images/2020/0321/161440_790f07b3_1616775.png "富文本编辑器.png")