From 9889415034fdccddca3dac71d9874bcb8ce16703 Mon Sep 17 00:00:00 2001 From: zuiidea Date: Tue, 13 Sep 2016 23:50:47 +0800 Subject: [PATCH] list page --- src/index.js | 26 ++++++++++++++------------ src/utils/lib.js | 3 +-- src/view/data/list.jsx | 21 +++++++++++++++++++++ src/view/data/list.less | 0 src/view/index.js | 4 +++- src/view/user/signIn.js | 3 ++- 6 files changed, 41 insertions(+), 16 deletions(-) create mode 100644 src/view/data/list.jsx create mode 100644 src/view/data/list.less 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 = ( + @@ -49,6 +51,6 @@ const routes = ( -); +) -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 ( +
+ ); + } +}) + +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() {