修改路由及其他问题

boniu/src/IndexApiList.jsx

@@ -1,18 +1,198 @@
 const indexApiList = [
   {
     name: "指数基本信息",
-    url: "/indexBasicInfo",
-    key:'basic',
+    url: "/indexApi/basicInfo",
+    key:'indexBasic',
+    data:{
+      outputResult:[
+        {
+          key: "1",
+          name: "message_code",
+          desc: 200
+        },
+        {
+          key: "2",
+          name: "message",
+          desc: "success"
+        },
+        {
+          key: "3",
+          name: "code",
+          desc: "指数代码"
+        },
+        {
+          key: "4",
+          name: "name",
+          desc: "指数名称"
+        },
+        {
+          key: "5",
+          name: "sector",
+          desc: "交易板块"
+        },
+        {
+          key: "6",
+          name: "sector",
+          desc: "所属市场"
+        }
+      ],
+      errorResult:[
+        {
+          key: "1",
+          type: "股票代码错误",
+          code: 301,
+          message: "股票代码不存在/错误"
+        },
+        {
+          key: "3",
+          type: "签名错误",
+          code: 304,
+          message: "非法签名"
+        },
+        {
+          key: "4",
+          type: "返回数据为空",
+          code: 401,
+          message: "股票数据为空"
+        },
+        {
+          key: "5",
+          type: "服务器错误",
+          code: 501,
+          message: "服务器错误"
+        }
+      ],
+    },
   },
   {
     name: "指数当天信息",
-    url: "/indexNow",
-    key:'nowInfo',
+    url: "/indexApi/indexNow",
+    key:'indexNow',
+    data:{
+      outputResult:[
+        {
+          key: "1",
+          name: "message_code",
+          desc: 200
+        },
+        {
+          key: "2",
+          name: "message",
+          desc: "success"
+        },
+        {
+          key: "3",
+          name: "code",
+          desc: "指数代码"
+        },
+        {
+          key: "4",
+          name: "name",
+          desc: "指数名称"
+        },
+        {
+          key: "5",
+          name: "sector",
+          desc: "交易板块"
+        },
+        {
+          key: "6",
+          name: "sector",
+          desc: "所属市场"
+        }
+      ],
+      errorResult:[
+        {
+          key: "1",
+          type: "股票代码错误",
+          code: 301,
+          message: "股票代码不存在/错误"
+        },
+        {
+          key: "3",
+          type: "签名错误",
+          code: 304,
+          message: "非法签名"
+        },
+        {
+          key: "4",
+          type: "返回数据为空",
+          code: 401,
+          message: "股票数据为空"
+        },
+        {
+          key: "5",
+          type: "服务器错误",
+          code: 501,
+          message: "服务器错误"
+        }
+      ],
+    },
   },
   {
     name: "指数回溯",
-    url: "/indexBefore",
+    url: "/indexApi/indexBefore",
     key:'indexBack',
+    data:{
+      outputResult:[
+        {
+          key: "1",
+          name: "message_code",
+          desc: 200
+        },
+        {
+          key: "2",
+          name: "message",
+          desc: "success"
+        },
+        {
+          key: "3",
+          name: "code",
+          desc: "指数代码"
+        },
+        {
+          key: "4",
+          name: "name",
+          desc: "指数名称"
+        },
+        {
+          key: "5",
+          name: "sector",
+          desc: "交易板块"
+        },
+        {
+          key: "6",
+          name: "sector",
+          desc: "所属市场"
+        }
+      ],
+      errorResult:[
+        {
+          key: "1",
+          type: "股票代码错误",
+          code: 301,
+          message: "股票代码不存在/错误"
+        },
+        {
+          key: "3",
+          type: "签名错误",
+          code: 304,
+          message: "非法签名"
+        },
+        {
+          key: "4",
+          type: "返回数据为空",
+          code: 401,
+          message: "股票数据为空"
+        },
+        {
+          key: "5",
+          type: "服务器错误",
+          code: 501,
+          message: "服务器错误"
+        }
+      ],
+    },
   }
 ];
 

boniu/src/StocksApiList.jsx

@@ -1,37 +1,37 @@
 const stockApiList = [
   {
     name: "股票基本信息",
-    url: "/stocks",
-    key:"stocks",
+    url: "/stocks/basicInfo",
+    key:"basicInfo",
   },
   {
     name: "股票当天信息",
-    url: "/xx2",
+    url: "/stocks/now",
     key:"now",
   },
   {
     name: "时间段信息（股票代码+起止日期）",
-    url: "/xx3",
+    url: "/stocks/time",
     key:"time",
   },
   {
     name: "股票回溯",
-    url: "/xx4",
+    url: "/stocks/back",
     key:"back",
   },
   {
     name: "股票某天信息",
-    url: "/xx5",
+    url: "/stocks/someDay",
     key:"someDay",
   },
   {
     name: "股票列表信息",
-    url: "/xx6",
+    url: "/stocks/list",
     key:"list",
   },
   {
     name: "股票距离某天最近一个交易日",
-    url: "/xx7",
+    url: "/stocks/lastTime",
     key:"lastTime",
   }
 ];

boniu/src/components/Navbar/navbar.jsx

@@ -4,7 +4,6 @@ import Overview from "../../components/Overview/overview";
 import Stocks from "../../components/StocksApi/stocks";
 import IndexApi from "../../components/IndexApi/indexApi";
 import indexBasicInfo from "../../components/indexBasicInfo/indexBasicInfo";
-
 import { Link } from "react-router-dom";
 import stocksApiList from "../../StocksApiList";
 import indexApiList from "../../IndexApiList";
@@ -29,7 +28,7 @@ export default class NavBar extends Component {
     // let { match } = this.props;
     return (
       <Layout style={{ minHeight: "100vh" }}>
-        <Header className="header"></Header>
+        <Header className="header">BoNiu</Header>
         <Layout>
           <Sider width={200} className="site-layout-background">
             <Menu
@@ -62,7 +61,7 @@ export default class NavBar extends Component {
                 {indexApiList.map((item) => {
                   return (
                     <Menu.Item key={item.key}>
-                      <Link to={item.url}>{item.name}</Link>
+                      <Link to={{pathname: item.url, state: item.data}}>{item.name}</Link>
                     </Menu.Item>
                   );
                 })}
@@ -79,10 +78,10 @@ export default class NavBar extends Component {
               }}
             >
               <Switch>
-                <Route exact path="/overview" component={Overview} />
+                <Route exact path="/" component={Overview} />
+                <Route path="/overview" component={Overview} />
                 <Route path="/stocks" component={Stocks} />
-                <Route path="/indexApi" component={IndexApi} />
-                <Route path="/indexBasicInfo" component={indexBasicInfo} />
+                <Route path="/indexApi" component={indexBasicInfo} />
               </Switch>
             </Content>
           </Layout>

boniu/src/components/Overview/overview.jsx

@@ -1,16 +1,17 @@
-import React from 'react';
+import React, { Component } from 'react';
 import './overview.css'
 
 
-const Overview = () => {
+class Overview extends Component  {
 
-    return (
+    render() {
+        console.log(this.props.location.state);
+        return (
+            <div>Overview</div>
+        )
+    }
 
 
-       <div>Overview</div>
-
-
-    )
 
 };
 

boniu/src/components/indexBasicInfo/indexBasicInfo.jsx

@@ -10,7 +10,9 @@ class indexBasicInfo extends React.Component {
     // this.title = title[props.location.pathname];
   }
   render() {
-    console.log(this.props);
+    console.log(this.props.location.state);
+    const outPutList = this.props.location.state.outputResult;
+    const errorList = this.props.location.state.errorResult;
     return (
       <div>
         <Title level={4}>{title[this.props.location.pathname]}</Title>
@@ -29,7 +31,7 @@ class indexBasicInfo extends React.Component {
           </Title>
           <Table
             columns={columns}
-            dataSource={data}
+            dataSource={outPutList}
             pagination={false}
             size="small"
           />
@@ -39,8 +41,8 @@ class indexBasicInfo extends React.Component {
             输出结果异常：
           </Title>
           <Table
-            columns={errcolumns}
-            dataSource={errdata}
+            columns={errColumns}
+            dataSource={errorList}
             pagination={false}
             size="small"
           />
@@ -71,7 +73,7 @@ var title = {
   "/indexNow": "指数当天信息",
   "/indexBefore": "指数回溯"
 };
-var columns = [
+const columns = [
   {
     title: "名称",
     dataIndex: "name",
@@ -84,40 +86,39 @@ var columns = [
     key: "desc"
   }
 ];
-var data = [
-  {
-    key: "1",
-    name: "message_code",
-    desc: 200
-  },
-  {
-    key: "2",
-    name: "message",
-    desc: "success"
-  },
-  {
-    key: "3",
-    name: "code",
-    desc: "指数代码"
-  },
-  {
-    key: "4",
-    name: "name",
-    desc: "指数名称"
-  },
-  {
-    key: "5",
-    name: "sector",
-    desc: "交易板块"
-  },
-  {
-    key: "6",
-    name: "sector",
-    desc: "所属市场"
-  }
-];
-
-var errcolumns = [
+// var data = [
+//   {
+//     key: "1",
+//     name: "message_code",
+//     desc: 200
+//   },
+//   {
+//     key: "2",
+//     name: "message",
+//     desc: "success"
+//   },
+//   {
+//     key: "3",
+//     name: "code",
+//     desc: "指数代码"
+//   },
+//   {
+//     key: "4",
+//     name: "name",
+//     desc: "指数名称"
+//   },
+//   {
+//     key: "5",
+//     name: "sector",
+//     desc: "交易板块"
+//   },
+//   {
+//     key: "6",
+//     name: "sector",
+//     desc: "所属市场"
+//   }
+// ];
+const errColumns = [
   {
     title: "错误类型",
     dataIndex: "type",
@@ -135,29 +136,29 @@ var errcolumns = [
     key: "message"
   }
 ];
-var errdata = [
-  {
-    key: "1",
-    type: "股票代码错误",
-    code: 301,
-    message: "股票代码不存在/错误"
-  },
-  {
-    key: "3",
-    type: "签名错误",
-    code: 304,
-    message: "非法签名"
-  },
-  {
-    key: "4",
-    type: "返回数据为空",
-    code: 401,
-    message: "股票数据为空"
-  },
-  {
-    key: "5",
-    type: "服务器错误",
-    code: 501,
-    message: "服务器错误"
-  }
-];
+// var errdata = [
+//   {
+//     key: "1",
+//     type: "股票代码错误",
+//     code: 301,
+//     message: "股票代码不存在/错误"
+//   },
+//   {
+//     key: "3",
+//     type: "签名错误",
+//     code: 304,
+//     message: "非法签名"
+//   },
+//   {
+//     key: "4",
+//     type: "返回数据为空",
+//     code: 401,
+//     message: "股票数据为空"
+//   },
+//   {
+//     key: "5",
+//     type: "服务器错误",
+//     code: 501,
+//     message: "服务器错误"
+//   }
+// ];