新增登录action

Author: z50902677

src/actions/loginActions.js

@@ -3,9 +3,32 @@
  */
 import { createAction } from 'redux-actions';
 import loginActionEnum from '../constants/loginActionEnum'
-
+import {api} from '../apis/api'
 const loginActions = {
-    login: createAction(loginActionEnum.LOGIN_REQUEST)
+    login: createAction(loginActionEnum.LOGIN_REQUEST),
+    loginRequest: (data)=> {
+        return dispatch=> {
+            api.login(data)
+                .then(response=> {
+                    if (response.ok) {
+                        return response;
+                    } else {
+                        console.warn("出错了");
+                    }
+                })
+                .then(response=>response.json())
+                .then(jsonResult=> {
+                    if (jsonResult.errcode === 0) {
+                        console.warn(jsonResult.data);
+                    } else {
+                        console.warn(jsonResult.errmsg);
+                    }
+                })
+                .catch(error=> {
+                    console.warn(error);
+                });
+        }
+    },
 };
 
 export default loginActions;

src/apis/api.js

@@ -6,6 +6,11 @@ const api = {
         `${appConfig.serviceRoot}service/man/userInfo/login`,
         fetchMethod.Get,
         {parameter: parameter}
+    ),
+    login: (parameter)=> createFetch(
+        `${appConfig.serviceRoot}app/login`,
+        fetchMethod.Get,
+        {parameter: parameter}
     )
 };
 

src/constants/appConfig.js

@@ -1,5 +1,5 @@
 const appConfig = {
-    serviceRoot: 'http://192.168.4.188:9000/'
+    serviceRoot: 'http://192.168.56.1:3000/'
 };
 
 export default appConfig;

src/containers/android/Login.js

@@ -1,9 +1,10 @@
 /**
  * Created by wangtun on 2016/7/21.
  */
-import React from 'react';
+import React,{Component} from 'react';
 import {View, Text, StyleSheet,TextInput,Image} from "react-native";
 import { connect } from 'react-redux'
+import  {bindActionCreators} from 'redux'
 import Button from "react-native-button";
 import loginActions from '../../actions/loginActions'
 
@@ -65,30 +66,46 @@ const styles = StyleSheet.create({
     },
 });
 
+class Login extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+        };
+        this.login = this.login.bind(this);
+    }
+    login() {
+        const username = this.refs.username._lastNativeText;
+        const password = this.refs.password._lastNativeText;
+        const data = {
+                username: username,
+                password: password
+        };
+        this.props.loginRequest(data);
 
-const Login = (props) => {
-    const {login} = props.actions;
-    return (
-        <View style={styles.container}>
-            <View style={styles.avatarview}>
-                <Image source={require('../../image/logo.png')} style={styles.avatarimage}/>
-                <Text style={styles.loginName} >电 桩</Text>
-            </View>
-            <View style={styles.driver}>
-                <TextInput placeholder="请输入用户名" placeholderTextColor ='#E0E0E0'  style={styles.textinput} underlineColorAndroid='transparent'
-                           keyboardType = 'default'>
-                </TextInput>
-            </View>
-            <View style={styles.driver1}>
-                <TextInput placeholder="请输入密码" placeholderTextColor ='#E0E0E0' style={styles.textinput} underlineColorAndroid='transparent'
-                           secureTextEntry  ={true} keyboardType = 'default'>
-                </TextInput>
-            </View>
-            <View style={styles.buttonview}>
-                <Text style={styles.logintext} >登 录</Text>
+    }
+    render(){
+        return (
+            <View style={styles.container}>
+                <View style={styles.avatarview}>
+                    <Image source={require('../../image/logo.png')} style={styles.avatarimage}/>
+                    <Text style={styles.loginName} >电 桩</Text>
+                </View>
+                <View style={styles.driver}>
+                    <TextInput placeholder="请输入用户名" placeholderTextColor ='#E0E0E0'  style={styles.textinput} underlineColorAndroid='transparent'
+                               keyboardType = 'default' ref="username">
+                    </TextInput>
+                </View>
+                <View style={styles.driver1}>
+                    <TextInput placeholder="请输入密码" placeholderTextColor ='#E0E0E0' style={styles.textinput} underlineColorAndroid='transparent'
+                               secureTextEntry  ={true} keyboardType = 'default' ref="password">
+                    </TextInput>
+                </View>
+                <View style={styles.buttonview}>
+                    <Text style={styles.logintext} onPress={this.login}>登 录</Text>
+                </View>
             </View>
-        </View>
-    );
+        );
+    }
 };
 
 function mapStateToProps(state) {
@@ -100,11 +117,7 @@ function mapStateToProps(state) {
 }
 
 function mapDispatchToProps(dispatch) {
-    return {
-        actions:{
-            login:() => dispatch(loginActions.login())
-        }
-    }
+    return bindActionCreators(loginActions, dispatch);
 }
 
 export default connect(