react 管理系统(一二级路由和antd的应用以及echarts)

时间:2024-03-31 10:15:23

1.一二级路由

    1).入口index.js 为一级路由(其中包括主页面和404页面)

react 管理系统(一二级路由和antd的应用以及echarts)

2),App.js中 为二级路由(主页面里点击路由跳转不同界面)

react 管理系统(一二级路由和antd的应用以及echarts)

3 )路由

react 管理系统(一二级路由和antd的应用以及echarts)react 管理系统(一二级路由和antd的应用以及echarts)

4), 主页面布局 admin,js 主要是从antd (ui库)里找代码 (要先引入)

react 管理系统(一二级路由和antd的应用以及echarts)

    5)注意:其中渲染的二级路由页面内容为{this.props.children}

react 管理系统(一二级路由和antd的应用以及echarts)

   (1)    第一个二级路由页面,dashBoard.JS 里面放了一个表格  (代码去UI库找https://ant.design/

react 管理系统(一二级路由和antd的应用以及echarts)

2.数据可视化

 1 )安装 npm i echarts

 2 )在组建内引入 图形(柱状图 bar。折线图 line。饼状图 pie) 可在echarts 文档中查找

react 管理系统(一二级路由和antd的应用以及echarts)

react 管理系统(一二级路由和antd的应用以及echarts)