modify by dk

Author: dk-lan

reactERP/api/npm-debug.log.4080722869

@@ -6,7 +6,7 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack --progress --colors",
-    "start": "webpack-dev-server --devtool eval --progress --port 1703 --colors --content-base ./"
+    "start": "node server"
   },
   "devDependencies": {},
   "author": "DK.Lan",

reactERP/api/package.json

@@ -0,0 +1,41 @@
+var bodyParser = require('body-parser');
+var cookieParser = require('cookie-parser');
+var session = require('express-session');
+
+var urlencodeParser = bodyParser.urlencoded();
+module.exports = {
+    Register: function(app){
+        //设置 session
+        app.use(cookieParser());
+        app.use(session({
+            secret: '12345',//用来对session数据进行加密的字符串.这个属性值为必须指定的属性
+            name: 'testapp',   //这里的name值得是cookie的name，默认cookie的name是：connect.sid
+            cookie: {maxAge: 80000 },  //设置maxAge是80000ms，即80s后session和相应的cookie失效过期
+            resave: false,
+            saveUninitialized: true,
+        }))
+
+        app.post('/login', urlencodeParser, function(reqeust, response){
+            //请求数据库，如果正确，则记录登陆状态
+            request.session.name = request.body.username;
+            response.send({state: true});
+        })
+
+        app.post("/register", function(request, response){})
+
+        app.get('/setSession', function(request, response){
+            request.session.username = 'dk';
+            response.send(request.session.username)
+        })
+
+        app.get('/getSession', function(request, response){
+            response.send(request.session.username);
+        })
+
+        app.get('/getproduct', function(request, response){
+            if(!request.session.usernmae){
+                response.send({statue: false, message: '请先登陆', flag: 0})
+            }
+        })
+    }
+}

reactERP/api/route/Account.js

@@ -0,0 +1,11 @@
+var Account = require('./Account');
+
+module.exports = {
+    Register: function(express){
+        var app = express();
+        
+        Account.Register(app);
+
+        app.listen(888);
+    }
+}

reactERP/api/route/Index.js

@@ -0,0 +1,5 @@
+var express = require('express');
+
+var router = require('./route/Index');
+
+router.Register(express);

reactERP/api/route/Product.js

@@ -4,13 +4,23 @@ import './libs/font-awesome/css/font-awesome.min.css'
 import React from 'react';
 import ReactDOM from 'react-dom';
 import LoginComponent from './modules/login/LoginComponent';
-import {Provider} from 'react-redux';
+import {Provider} from 'react-redux'
 import {createStore, applyMiddleware} from 'redux';
-import thunk from 'redux-thunk';
+import thunkMiddleware from 'redux-thunk'
 import LoginReducer from './modules/login/LoginReducer';
+import {ajaxMiddleware} from './utils/ajaxMiddleware';
+import { routerMiddleware } from 'react-router-redux';
+import {Router, Route, hashHistory, browserHistory} from 'react-router'
 
-const middleware = applyMiddleware(thunk, ajaxMiddleware);
+// const middleware = applyMiddleware(thunk, ajaxMiddleware);
+    // let middleware = applyMiddleware(thunk, ajaxMiddleware, routerMiddleware(browserHistory))
 
-const store = createStore(middleware)
+    const store = createStore(LoginReducer, {}, applyMiddleware(thunkMiddleware, ajaxMiddleware))
+// const store = createStore(LoginReducer);
 
-ReactDOM.render(<Provider store={store}><LoginComponent /></Provider>, document.getElementById('app'));
+ReactDOM.render(
+    <Provider store={store}>
+        <LoginComponent/>
+    </Provider>, 
+    document.getElementById('app')
+);

reactERP/api/route/PurcharsOrder.js

@@ -1,9 +1,8 @@
-import common from '../../libs/common/common';
-
-export default function login(_username, _password){
+export function login(username, password){
     return {
-        type: '',
-        url: common.baseUrl + 'login',
-        data: {username: _username, _password}
+        types: ['a', 'b', 'c'],
+        path: 'login',
+        method: 'post',
+        query: {username, password}
     }
 }

reactERP/api/server.js

@@ -1,32 +1,37 @@
 import React, {Component} from 'react';
-import LoginAction from './LoginAction';
+import loginActions from './LoginAction';
+import {connect} from 'react-redux'
 // import {Input} from 'element-react';
 // import 'element-theme-default';
 
 class LoginComponent extends Component{
     render(){
         return (
-        <div class="col-md-12">
-            <div class="form-group">
-                <label class="col-sm-2 control-label" for="form-field-1">
+        <div className="col-md-12">
+            <div className="form-group">
+                <label className="col-sm-2 control-label">
                     用户名
                 </label>
-                <div class="col-sm-9">
-                    <input type="text" placeholder="输入用户名" id="form-field-1" class="form-control"/>
+                <div className="col-sm-9">
+                    <input type="text" placeholder="输入用户名" id="form-field-1" className="form-control"/>
                 </div>
             </div>
-            <div class="form-group">
-                <label class="col-sm-2 control-label" for="form-field-1">
+            <div className="form-group">
+                <label className="col-sm-2 control-label">
                     密码
                 </label>
-                <div class="col-sm-9">
-                    <input type="text" placeholder="输入密码" id="form-field-1" class="form-control"/>
+                <div className="col-sm-9">
+                    <input type="text" placeholder="输入密码" id="form-field-1" className="form-control"/>
                 </div>
             </div> 
-            <button type="button" class="btn btn-primary">登录</button>                       
+            <button type="button" className="btn btn-primary">登录</button>
+            <i className="fa fa-fire"></i>
         </div>            
         )
     }
 }
 
-export default LoginComponent;
+const mapStateToProps = state => ({
+    loading: false,
+})
+export default connect(mapStateToProps, loginActions)(LoginComponent)