自动化构建

src/components/Sidebar/index.js

@@ -58,6 +58,7 @@ class Sidebar extends React.Component {
 
     render() {
         const { leftMenu } = this.props
+        console.log('this.props', this.props.dispatch);
 
         let openKey = []
         const menu = leftMenu.map((item) => {
@@ -65,11 +66,14 @@ class Sidebar extends React.Component {
 
             return (
                 <Menu.Item style={{ zIndex: 10 }} key={item.key}>
+                    <Link to={'' + item.key}>
                         <Badge dot={item.dot}>
                             <Icon type={item.icon} />
                         </Badge>
                         <span className={styles["nav-text"]}>{item.name}</span>
+
                         <span className={styles["nav-badge"]} style={{ float: 'right' }}>{ item.num }</span>
+                    </Link>
                 </Menu.Item>
             )
         });
@@ -91,7 +95,7 @@ class Sidebar extends React.Component {
         return (
             <aside className={styles["ant-layout-sider"]}>
                 <div className={styles["ant-layout-logo"]}><img src={logo} /><span className={styles["nav-text"]}>xxxx后台</span></div>
-        <div className={styles["ant-layout-portrait"]} style={{marginBottom: '10px'}}>
+                <div className={styles["ant-layout-portrait"]} style={{ marginBottom: '10px' }}>
                     <div className={styles["nav-portrait"]}><img src={touxiang} /></div>
                     <div className={styles["nav-portrait-name"]}>admin</div>
                 </div>

src/feature/Feature1-1.jsx

 // 纯数据展现情况列表
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 import Reqwest from 'reqwest';

src/feature/Feature1-2.jsx

 // 纯数据展现情况列表
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 import Reqwest from 'reqwest';

src/feature/Feature1-3.jsx

 // 纯数据展现情况列表
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 import Reqwest from 'reqwest';

src/feature/Feature1-4.jsx

 // 纯数据展现情况列表
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 import Reqwest from 'reqwest';

src/feature/Feature2-1.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature2-2.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature2-3.jsx

 // 纯数据展现情况列表
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 import Reqwest from 'reqwest';

src/feature/Feature2.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature3.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature4.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature5.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature6.jsx

 // 含有可操作 table 栏的数据展示
 import React from 'react';
 
-import FeatureSetConfig from '../component/FeatureSetConfig';
+import FeatureSetConfig from '../components/FeatureSetConfig';
 
 import Immutable from 'immutable';
 //https://github.com/ded/reqwest

src/feature/Feature7.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Upload, Icon } from 'antd';
 import baidubce from 'bce-sdk-js';
 
-import BDUploader from '../component/BDUploader';
+import BDUploader from '../components/BDUploader';
 
 const Feature7 = React.createClass({
     getInitialState: function() {

src/feature/leftMenu.js

 module.exports.caseMenu = [
         {
-          key: 'ongoing',
-          name: '侧边菜单1',
+          key: 'home',
+          name: 'Home',
           icon: 'info-circle-o',
           num: '10',
           dot: false
         },
         {
-          key: 'completed',
-          name: '侧边菜单2',
+          key: 'test',
+          name: 'Test',
           icon: 'check-circle-o',
           num: '20',
           dot: false
         },
         {
-          key: 'confirm_completed',
-          name: '侧边菜单3',
+          key: 'feature1',
+          name: '列表',
           icon: 'check-circle',
           num: '11',
           dot: false
         },
         {
-          key: 'closed',
-          name: '侧边菜单4',
+          key: 'feature1_1',
+          name: '表单',
+          icon: 'poweroff',
+          num: '12',
+          dot: false
+        },
+        {
+          key: 'feature1_3',
+          name: '统计图',
           icon: 'poweroff',
           num: '12',
           dot: false

src/feature/topMenu.js

@@ -8,20 +8,5 @@ module.exports = [
           key: 'test',
           name: 'Test',
           icon: 'user'
-        },
-        {
-          key: 'login',
-          name: 'Login',
-          icon: 'eye-o'
-        },
-        {
-          key: 'test2',
-          name: '404错误',
-          icon: 'setting'
-        },
-        {
-          key: 'feature1',
-          name: 'Feature1',
-          icon: 'poweroff'
         }
      ]

src/routes/index.js

@@ -5,6 +5,8 @@ import Home from '../views/Home';
 import Login from '../views/Login';
 import Test from '../views/Test';
 import Feature1 from '../feature/Feature1';
+import Feature1_1 from '../feature/Feature1-1';
+import Feature1_3 from '../feature/Feature1-3';
 import NotFound from '../components/NotFound';
 
 function validate() {
@@ -21,6 +23,8 @@ const Routes = ({ history }) =>
         <Route path="app" component={App}/>
         <Route path="test" component={Test}/>
         <Route path="feature1" component={Feature1}/>
+        <Route path="feature1_1" component={Feature1_1}/>
+        <Route path="feature1_3" component={Feature1_3}/>
       </Route>
     </Route>