拿到AntDesignPro项目,安装依赖,启动项目,基本上就可以根据你的业务需求进行开发了。
首先,你需要去写一个路由页面(新建路由页面,包括js和less文件)
其中,js文件中connect连接的是model文件,可以将从后台拿到的数据存在model里面,通过这个连接拿到;也可以通过这个连接发起异步请求到model。既然提到model,下面就配置一下数据模型文件model
mode连接的是server和pages,路由页面发起异步请求到model,某个方法去调用相应接口,返回来的数据存在model中可以做相应处理,然后再pages中通过this.props进行调用。
新建一个模拟请求数据返回:
新建一个真实请求数据返回
然后,注意要在router.config.js中配置路由
菜单跳转到外部地址:
{ path: 'http://192.168.3.152:8000/account', target: '_blank', // 点击新窗口打开 name: "某某某", }
当你再path中写完整地址时,框架会自行处理跳转相应路由页面。正常的是通过config.js中的proxy进行代理的。
proxy: {
'/api': {
target: 'http://192.168.8.97:1111/',
changeOrigin: true,
},
},
官方文档:
- AntDesignPro 代码地址: https://github.com/ant-design/ant-design-pro
- AntDesignPro 文档: https://pro.ant.design/docs/getting-started-cn
- AntDesignPro在线问题讨论: https://github.com/ant-design/ant-design-pro/issues
- AntDesign在线文档: https://ant.design/index-cn
- 国内镜像站点: http://ant-design-pro.gitee.io/index-cn https://ant-design.gitee.io/docs/react/introduce-cn
- AntDesignPro在线预览: https://preview.pro.ant.design/dashboard/analysis