ReactJS
(68)Antd Pro 数据导出 Excel
## 按钮放在哪里
如 Antd Pro 示例中，放在过滤设置区域还挺合适的。因为导出 Excel 需要遵循过滤条件，如时间段，类型等。
https://procomponents.ant.design/components/tab
Antd Pro 数据汇总结果展示
例如，我要在数据后台拉取一段时间的代理商交易记录，并进行金额数据合计。
## 展现形式
可以使用 Antd Pro ProTable 的"表格主体自定义"，该区域在 table 列表的上方，更醒目一些。
https://pro
Antd Pro 后台添加物联网 IoT 设备监控数据大屏幕
Antd Pro 写的物联网 IoT 设备管理后台，需要加上一个所有设备的监控大屏。
## 入口
- [X] Antd Pro 顶部菜单栏，“监控大屏”，闪烁图标达到醒目的效果
- [X] 左侧菜单，进入
## 功能
Ant Design Cascader 级联组件选择省市
## 需求
只需要省市二级选择，而不需要省市区。
网上不少示例使用的是 Ant Design select，实际上用 Cascader 级联选择组件更合理。
最终效果：
![](https://cdn.sunzhongw
修改 Antd Pro V5 加载时的 title 及 logo
虽然修改了 Antd Pro V5 的全局 title，但是在加载时，还没有完全加载完的时候，
还是显示的 Ant Design Pro 的标题。
解决方法：
## 修改 Antd Pro V5 加载时的 title
打开：
Antd Pro V5 使用 Nginx 部署到线上生产服务器
执行
tyarn build
完成后，会看到 Antd Pro 项目根目录下多了个 dist 目录。这个即是打包好的线上代码。
从 package.json 可以看到 build 对应的实际命令：
"
搭建 Golang Gin + Ant Design Pro V5 管理系统后台
以一个会员管理系统为例，采用前后端分离的架构，前端 Antd Pro V5, 后端 Golang Gin。
整理这个笔记是为了把操作流程串联起来，方便以后新建此类项目，节省时间。
## 原则
- 从看的见的部分入手，即先搞
Antd Pro V5 去掉底部蚂蚁集团的页脚
Ant Design Pro V5 如何去掉全局底部呢？
```
> grep 蚂蚁集团 -r src/
src/components/Footer/index.tsx: defaultMessage: '蚂蚁集团体验技术部
ant design pro 前端权限管理，显示不同的菜单
配置其实很简单，奈何 Ant Design Pro 文档写的有点晦涩，且代码不是最新的 Ant Design Pro 5。
整理了一下。
真实场景是，总部管理员与代理商登录后台看到的功能模块不一样，即左侧菜单显示不同。
需
Ant Design Form 表单一个字段是否展示取决于另一个字段的值
## 需求
我想在 Ant Design Pro 管理后台页面中实现这样一个功能：
统一的系统配置项管理
- 新增配置项时，需要选择配置项类型：例如字符串、图片、富文本
- 根据字段类型，分别展示不同的对应 Ant Desi