2

私は現在、Kendo UI を使用して iPhone アプリケーションを作成しており、iPhone でテストするために電話ギャップを実行しています。

デザインはすべてうまくマッピングされており、剣道のフレームワークを理解しています。アカウントにログインする機能をいくつか作成しようとしています。

クエリを実行して JSON を返す外部 PHP ファイル:

<?php

   $arr = array();

//Takes the username and password from the login form and queries the database to find out if they have access to the site.


        //Cleanse inputs
        $username = $_GET['username'];
        $password = md5_base64($_GET['password']);

        $stmt = $memberMysqli->prepare("SELECT id, firstname, dob, sex, recordingWeight, blocked, enabled FROM member WHERE email = ? AND password = ?");
        $stmt->bind_param('ss', $username, $password);
        $stmt->execute();
        $stmt->bind_result($memberid, $firstname, $dob, $sex, $recordingWeight, $blocked, $enabled);
        $stmt->store_result();  

        session_start();

        while ($stmt->fetch())
        {
            $userIsBlocked = $blocked;
            $enabled = $enabled;
        }   

        if(($numRows = $stmt->num_rows) > 0)  //If num rows is  1 the combination exists therefore it is a succesful login
        {   
            if($userIsBlocked)
            {
                $arr['status'] = "error";
                $arr['message'] = "Sorry, your account isnt active. Please contact us to re-activate it.";
            }
            else if(!$enabled)
            {
                $arr['status'] = "error";
                $arr['message'] = "Sorry, your account isn't enabled. Please contact us.";
            }

            else
            {
                    $_SESSION['memberid'] = $memberid;
                    $_SESSION['memberFirstname'] = $firstname;
                    $_SESSION['dob'] = $dob;
                    $_SESSION['sex'] = $sex;
                    $_SESSION['recordingWeight'] = $recordingWeight;

                    $arr['status'] = "success";
                    $arr['message'] = "Logged in";
            }
        }
        else
        {
            $arr['status'] = "error";
            $arr['message'] = "Sorry, Wrong Username/Password Combination";                 
        }
header("Content-type: application/json");   
echo json_encode($arr);
/* close connection */
function md5_base64 ( $data ) 
{ 
    return preg_replace('/=+$/','',base64_encode(md5($data,true))); 
} 


?>

したがって、これは成功、ログイン、または間違ったユーザー名/パスワードの組み合わせを返します..

ここに私のフォームコードがあります:

<form>

            <fieldset>

                <p><label style="color:white;" for="email">E-mail address</label></p>
                <p><input type="email" id="email" value=""></p> 

                <p><label style="color:white; font" for="password">Password</label></p>
                <p><input type="password" id="password" value=""></p> 

                <p><input type="submit" value="Sign In"></p>

            </fieldset>

そしてJS：

<script>

        $("form").on("submit", function() {

        var username = document.getElementById('email').value;
        var password = document.getElementById('password').value;

        var dataSource = new kendo.data.DataSource({
          transport: {
            read:  {
             url: 'http://myurl.co.uk/appqueries/login.php?username='+username+'&password='+password,
             dataType: "json" 
          }
          }
        });

        //alert("Your username is "+username+" and your password is: "+password);

        });
    </script>

PHPファイルが返すJSONを取得して、ログインが成功した場合はユーザーをアプリに入れ、そうでない場合はメッセージを表示するのを手伝ってくれる人はいますか?

4

2 に答える 2

2

追加の要件がない限り、これには DataSource が必要だとは思いません (それは可能ですが、DataSource は読み取り操作からのオブジェクトの配列を期待しています)。

これが HTML の場合:

<input id='username' type='text' value='user'></input>
<input id='password' type='text' value='password'></input>
<button id='loginbutton'>Login</button>
<div id='loginresult'></div>

次に、jQuery を使用できます (Kendo UI の要件であるため、jQuery を使用していると思います)。

function loginClick() {
    var username = $("#username").val();
    var password = $("#password").val();
    var loginUrl = 'http://myurl.co.uk/appqueries/login.php?username='+username+'&password='+password;

    $.ajax({
        url: loginUrl,
        type: 'GET',
        dataType: 'json',
        success: function (data) {
            handleLoginResult(data);
        }
    });
}

$(document).on("click", "#loginbutton", loginClick);

function handleLoginResult(data) {
    var status = data.status;
    var message = data.message;

    if (status === "success") {
        // do whatever needs to be done after successful login
        $("#loginresult").html(message);
    }
}

ここで実際の例を参照してください (これは jsfiddle のエコー API を使用しているため、いくつかの違いがあります): http://jsfiddle.net/lhoeppner/9TGJd/

これは、モバイル ボタンとデータ クリック バインディングを使用する点を除いて、Kendo Mobile でもほぼ同じように機能します。

  <a id="loginbutton" data-role="button" data-click="loginClick">Login!</a>
于 2013-10-14T14:53:59.167 に答える
1

剣道モバイルアプリケーションは基本的にシングルページアプリケーションであるため、剣道モバイルアプリケーションではフォーム送信を使用しないでください。必要なことは、剣道ボタンを用意し、クリック イベント ハンドラーで JSON 呼び出しを開始することです。Kendo Button クリック イベントのデモは、http: //demos.kendoui.c​​om /mobile/button/events.html #/ でご覧いただけます。

于 2013-10-08T01:15:20.460 に答える