0

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

2个回答

2

已采纳

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

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

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

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

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

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

0

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

撰写答案