ant design pro的代码流程要怎样理解啊？

Question

想要在ant design pro的基础上开发一个admin项目，但是整个工程的流程很代码细节的逻辑根本看不懂啊，
有一点点react和react-router基础，但是感觉这个项目又是另外一个东西了，很懵啊。
请问还需要加强学习哪些东西才行啊？求指点

Answer 1

指点不敢说，因为最近在弄个东西，所以antd pro的码我也算看了大部分了。

它里面用到了阿里自己封装的一个库dva，这个库我没有用过，它大概的作用是帮我们把react-router封装了，结合了它自己的redux，因为我不太喜欢，所以其实你用react-router和redux是能实现它相同的效果的。

大概给你屡一下流程 入口文件index.js，里面创建了dva的实例，挂在了redux类的状态管理，在dva中取名为model的概念，以权限机制动态渲染路由。

目录结构在来屡一下，其他都不管，看src：

• assets: 你应该也看到了，静态文件，放了他的logo
• common: 里面有两个文件，一个menu.js放主页面左侧菜单栏，一个router.js用来动态渲染路由
• components: 组件，不说了
• e2e: 测试相关，你估计暂时用不到
• layouts: 这个比较重点，他主要分为 basiclayout 和 userlayout 两种，前面是需要登录之后，后面是用户登录注册相关的布局，路由渲染也是基于布局的
• models：状态存储相关
• routes：这个就是所有的真实展现的目录
• services：数据请求相关的
• utils: 一些工具函数，包括权限验证，持久化存储之类的。
• index.ejs：服务端渲染
• index.js: 入口文件
• index.less: 根样式
• rollbar.js: 一个外部插件
• router.js: 这个比较重要，路由的配置，和渲染主要是这个
• theme.js: 主题？

这个算我比较长的答案了，要看明白这些，掌不掌握dva不是重点，你的react-router和redux还有react自身只要基础够，看懂只是时间问题，多看几遍，从入口入手慢慢屡流程应该不是什么大问题，希望对你有所帮助。

Answer 2

这个要看懂它每个文件怎么个道理 一般人好像都看不懂