AntDesignPro开发手册.pdf

"AntDesignPro开发手册" AntDesignPro 是一个前端设计解决方案，由蚂蚁金服体验技术部出品/维护。核心技术组成包括：ES2015+ JavaScript 语言的新标准、React 用于构建用户界面的 JAVASCRIPT 库、dva 是基于(redux（状态管理）+ react-router（路由库）+ redux-saga（异步中间件） 等)的一层轻量封装、g2 一套基于可视化编码的图形语法、antd React 组件等。 开发环境中，需要安装 Node.js，并配置开发环境。可以直接 clone git 仓库或使用集成化的命令行工具 ant-design-pro-cli 创建一个新项目。项目目录结构包括 mock、本地模拟数据、public、src、tests 等文件夹。src 文件夹中包括 assets、本地静态资源、common 应用公用配置、components 业务通用组件、e2e 集成测试用例、layouts 通用布局、models 数据交互、routes 业务页面入口和常用模板、services 后台接口服务、utils 工具库、g2.js 可视化图形配置、theme.js 主题配置、index.ejs HTML 入口模板、index.js 应用入口、index.less 全局样式、router.js 路由入口等文件。 在项目初始化中，需要安装依赖、启动应用和打包。开发指导包括开发规范、开发流程示意图和开发实例等。开发实例包括新建一个菜单、路由配置和路由页面等。例如，在编辑菜单配置文件 src/common/menu.js 中添加菜单配置，数据格式为 json 格式。在路由配置文件 src/common/router.js 中添加路由配置，数据格式为 json 格式。在路由页面中，可以使用 React、dva、antd 等技术栈进行开发。 AntDesignPro 是一个功能强大且灵活的前端设计解决方案，可以帮助开发人员快速掌握开发方式和技术栈。同时，AntDesignPro 的开发手册也提供了详细的开发指导和实例，帮助开发人员快速上手开发。