diff --git a/src/index.js b/src/index.js
index fe8620b..e11d3eb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,24 +2,26 @@
  * 程序的入口, 类似java中的main
  */
 
-import React from 'react';
-import ReactDOM from 'react-dom';
-import {Router, Route, IndexRoute, hashHistory} from 'react-router';
-import './utils/index.js';  // 引入各种prototype辅助方法
+import React from 'react'
+import ReactDOM from 'react-dom'
+import {Router, Route, IndexRoute, hashHistory} from 'react-router'
+import './utils/index.js'  // 引入各种prototype辅助方法
 
 // 开始引入各种自定义的组件
-import App from './view/index';
-import SignIn from './view/user/signIn';
-import Welcome from './components/Welcome';
-import Error from './components/Error';
-import Hello from './components/Hello';
-import DBTable from './components/DBTable';
+import App from './view/index'
+import SignIn from './view/user/signIn'
+import List from './view/data/list'
+import Welcome from './components/Welcome'
+import Error from './components/Error'
+import Hello from './components/Hello'
+import DBTable from './components/DBTable'
 
 const routes = (
   <Router history={hashHistory}>
     <Route path="/" component={App}>
       <IndexRoute component={Welcome}/>
       <Route path="index">
+        <Route path="list" tableName="list" component={List}/>
         <Route path="option1" tableName="test" component={DBTable}/>
         <Route path="option2" tableName="testSms" component={DBTable}/>
         <Route path="option3" component={Hello}/>
@@ -49,6 +51,6 @@ const routes = (
       <Route path="*" component={Error}/>
     </Route>
   </Router>
-);
+)
 
-ReactDOM.render(routes, document.getElementById('root'));
+ReactDOM.render(routes, document.getElementById('root'))
diff --git a/src/utils/lib.js b/src/utils/lib.js
index 5038be0..383285d 100644
--- a/src/utils/lib.js
+++ b/src/utils/lib.js
@@ -3,5 +3,4 @@ import ajax from './ajax';
 import Logger from './Logger';
 import './lib.less';
 
-const logger = Logger.getLogger('mockAjax');
-module.exports = {ajax,config,logger};
+module.exports = {ajax,config,Logger};
diff --git a/src/view/data/list.jsx b/src/view/data/list.jsx
new file mode 100644
index 0000000..c5cbb4b
--- /dev/null
+++ b/src/view/data/list.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { ajax, config, Logger } from '../../utils/lib'
+import { Icon, message, Button, Row, Col, Form, Input, Select } from 'antd'
+import './list.less'
+
+const logger = Logger.getLogger('List')
+
+let List = React.createClass({
+  getInitialState: function() {
+    return {
+      pager:{}
+    };
+  },render: function() {
+    return (
+      <div />
+    );
+  }
+})
+
+module.exports = List
diff --git a/src/view/data/list.less b/src/view/data/list.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/view/index.js b/src/view/index.js
index 5a89102..4451cb4 100644
--- a/src/view/index.js
+++ b/src/view/index.js
@@ -6,9 +6,11 @@ import Sidebar from '../components/Sidebar'
 import SignIn from './user/SignIn'
 import Breadcrumb from '../components/Breadcrumb'
 import './index.less'
-import { ajax, config, logger } from '../utils/lib.js'
+import { ajax, config, Logger } from '../utils/lib.js'
 import { Spin, message, Icon } from 'antd'
 
+const logger = Logger.getLogger('App')
+
 const App = React.createClass({
   getInitialState() {
     return {
diff --git a/src/view/user/signIn.js b/src/view/user/signIn.js
index 958a2ea..2d0b446 100644
--- a/src/view/user/signIn.js
+++ b/src/view/user/signIn.js
@@ -1,10 +1,11 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { ajax, config, logger } from '../../utils/lib'
+import { ajax, config, Logger } from '../../utils/lib'
 import { Icon, message, Button, Row, Col, Form, Input, Select } from 'antd'
 import './signIn.less'
 
 const FormItem = Form.Item
+const logger = Logger.getLogger('SignIn')
 
 let SignIn = React.createClass({
   getInitialState() {