文档介绍：,由蚂蚁金服体验技术部出品/维护。核心技术组成:ES2015+JavaScript语言的新标准React用于构建用户界面的JAVASCRIPT库dva是基于(redux(状态管理)+react-router(路由库)+redux-saga(异步中间件)等):/download/--depth=1-design/ant-design--projectcdmy--design-pro-cli。npminstallant-design-pro-cli-g#安装脚手架mkdirmy-projectcdmy-projectpronew#├──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{state={modalVisible:false,updateModalVisible:false,expandForm:false,selectedRows:[],formValues:{},stepFormValues:{},};//ponentDidMount(){const{dispatch}=;d