Ant Design Pro偏业务项目可以从哪些方面分析并分享？

Question

题目描述

其实换个问法就是如何做一次AntDesignPro的使用经验分享，可以从哪些方面入手？

自己的思路

目前想到的大致重点如下：

• 项目结构的理解
• 组件的二次封装
• 代码规范和版本兼容
• 业务驱使下做了哪些变更和修改
• ...

相关代码（举例说明，仅供展示）

{
  "name": "ts",
  "version": "1.0.0",
  "description": "",
  "main": "1.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

期望

希望各位大佬提供下其他思路和意见~

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

比如说为什么要选择使用 AntD Pro 而不是其他UI库的Pro版本？
它的一些规范方面，带着就会提到代码质量和测试。一些 Pro 自带的全局可配置项这种的细节
然后比较贴合业务的话，就是组件的二次封装，权限管理是怎么做的。

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

你列举的这些点可以去讲，补充一些，也是常见的管理系统会常设计到的：

• 路由模式
• 权限设计
• 容错处理，react error boundary
• 接口统一拦截
• 菜单匹配逻辑
• 国际化（多语言）方案
• 布局方案设计

然后结合上面的点，加上贴切业务的实际案例去做分享

Answer 3

可以从：

要手动实现最好友的权限系统，需要先定义角色和权限。基于RBAC模型，可以将系统中的用户分为若干个角色，并赋予不同的权限。

步骤如下：

定义角色：例如管理员、普通用户、超级管理员等。

定义权限：根据具体业务需求，定义不同的权限。例如查看用户信息、编辑文章、发布评论等。

给角色赋予权限：将权限授权给不同的角色。例如管理员拥有所有权限，普通用户只能查看自己的信息等。

设计动态菜单：基于用户的角色和权限动态生成菜单。例如，管理员登录后可以看到管理用户、发布文章等功能；而普通用户只能看到查看自己信息等功能。

设计按钮权限：根据用户的角色和权限显示或隐藏相应的按钮。例如，管理员可以看到批量删除、编辑等按钮，而普通用户只能看到查看详情等按钮。

一个简单的多角色 RBAC 权限系统可以采用以下表格方式进行设计：

通过以上设计，系统可以根据用户的角色和权限动态生成相关的菜单和按钮，保证了系统的安全性和易用性。