文档介绍：蒃Forpersonaluseonlyinstudyandresearch;,由蚂蚁金服体验技术部出品/维护。螂核心技术组成:袈ES2015+JavaScript语言的新标准莆React用于构建用户界面的JAVASCRIPT库蒀dva是基于(redux(状态管理)+react-router(路由库)+redux-saga(异步中间件)等):/download/--depth=1-design/ant-design--project肀cdmy--design-pro-cli。芆npminstallant-design-pro-cli-g#安装脚手架芄mkdirmy-project蕿cdmy-project衿pronew#├──mock#本地模拟数据罿├──public #公共资源芆│└──#网站图标膅├──src薀│├──assets#本地静态资源莈│├──common#应用公用配置,如导航信息肆│├──components#业务通用组件膆│├──e2e#集成测试用例袃│├──layouts#通用布局肁│├──models#数据交互螆│├──routes#业务页面入口和常用模板羄│├──services#后台接口服务羁│├──utils#工具库蒁│├──#可视化图形配置薇│├──#主题配置肅│├──#HTML入口模板莄│├──#应用入口羀│├──#全局样式芇│└──#路由入口肆├──tests#测试工具蒂├── #项目说明莀└──#*.js、*.css、,在menuData里添加菜单配置,数据格式为json格式,,在routerConfig里添加路由配置,数据格式为json格式,,{ponent,Fragment}from'react';螀import{connect}from'dva';蒅import{Row,Col,Card,Form,Input,Select,Icon,Button,Dropdown,Menu,羇InputNumber,DatePicker,Modal,message,Badge,Divider,Steps,Radio}from'antd';羄importStandardTablefrom'../../components/StandardTable';膀importPageHeaderLayoutfrom'../../layouts/PageHeaderLayout';芆importstylesfrom'./';螄constFormItem=;肂constgetValue=obj=>(obj).map(key=>obj[key]).join(',');蕿//和'hostMonitor'建立连接,进行页面的数据交互羆***@connect(({hostMonitor,loading})=>({螅hostMonitor,膁loading:['hostMonitor/getMonitorList']聿}))蒂//创建form对象,固定写法薃***@()ponent{膄