AntDesignPro开发手册.docx

AntDesignPro开发手册修订历史记录日期版本说明作者目录1.、八— ,由蚂蚁金服体验技术部出品 /维护核心技术组成:ES2015+JavaScript语言的新标准React用于构建用户界面的JAVASCRIPT库(异dva是基于(reduG(状态管理)+react-router(路由库)+reduG-saga步中间件)等): .--depth=1 -design/ant-design--projectcdmP--design-pro-cli。npminstallant-design-pro-cli-g# 安装脚手架mkdirmP-projectcdmP-projectpronew# ock#本地模拟数据I blic #公共资源I1—#网站图标I srcII sets#本地静态资源II mmon#应用公用配置,如导航信息II mponents#业务通用组件II―e#集成测试用例II outs#通用布局I I odels#数据交互I I utes#业务页面入口和常用模板I I rvices#后台接口服务II―ils#工具库I I―.js#可视化图形配置II—##HTML入口模板II #应用入口II #全局样式I1 #路由入口I sts#测试工具I—— #项目说明1 #、、 (menujs)模拟数帥曲)路由()贡面(routes)◎数据轄(mod乱)4、数据请求(service)I<5J761备注: 真实数据徒rvw)*功能开发时推荐便用[模拟数据]模式*功能联调时推荐使用[真实数据] ,在menuData里添加菜单配置,数据格式为json格式,详细配置请参照下图JSmenujsXconstmenuData-[{name:‘一^菜单中文容称如:主机运维J址“:■学咻團拆容称(:从團标列表中选jiP:table\path: 菜单路径'注意这块命名■使用英文或者字母,不要便用中量拿菜单功能命容JO:hostOperation)\children:[{name:•二级耒单中文名琢如主监控Sicon;'字体图标名称标列表中选舞〉path:'二级菜单踣径(注竜这块命名使用英文或者字母,不垂使用中文■尽屋莹亲单功能命名如;monitor)\children;[{三-f;■■-$曲水:•三级菜单中文容称如:主机监控J址5:•宇体團标名称(从團标列蕊中选择)一path:-三级菜单跆径(:注音遠块命宕快用英文或者字母,不萎使用中文,尽虽童菜单功能命名如;hostMoniton)\}],}],}];IconFont圈标 部分建标戳圉红色区誠沏性的取值范馴薩色盘域也可以曲取适范围「兰意要去掉二“口-stepfor^vardsrepbaclcwarlftrward&anch^rdcaremghtcarettef:caretdown|・imn-.icon-.icon-farvi'ard・iDon-.icon--- ,在routerConfig里添加路由配置,数据格式为json格式,详细配置请参照下图isirouterjsxt:.qLconstgetRouterOata=(opp)=>jconstrouterConfig{*/hosl:Op&ration/monitor/hostMonitor':{component:dynaiii