Cordova应用程序支持Win Phone 8.1中的环境



我是Phone GAP的新手,想从PHP部署我的移植应用程序,谷歌CloudSQL来赢得手机商店8.1。我使用cordova开发了一个Web应用程序,具有以下要求

前端:PhoneGap(Cordova)-HTML,JQUERY(提供在线JQUERY支持链接)。

后端:Google Cloud SQL-使用Jquery AJAX调用通过PHP访问。

对于Win Phone 8.1支持,我需要在Win Phone应用商店中上传。

我应该为Win Mobile或任何其他技术使用Phone Gap吗,因为我希望此应用程序部署在Win Phone Store中并在Win Phone 8.1中使用。

示例脚本:

1.index.html

<!DOCTYPE html>
<html>
    <head>
        <title>sample phonegap</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- online jquery support links -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- script for request page -->
 <script type="text/javascript" src="request.js"></script>
</head>
<body>
<div id="landmark-1" data-landmark-id="1">
    <form method="post">
        <label for="email"> // Email id as input
            <b>Email</b>
            <input type="email" id="email" name="email">
        </label>
        <label for="comment">// comments as input
            <b>Comment</b>
            <textarea id="comment" name="comment" cols="30" rows="10"></textarea>
        </label>
        <input type="submit" value="Save" id="save">
    </form>
</div>
</body>
</html>
  1. 用户通过AJAX请求将输入发送到后端的PHP页面

request.js

    $(document).ready(function() {
       $('form').submit(function(){
            var landmarkID = $(this).parent().attr('data-landmark-id');
            var postData = $(this).serialize();
            $.ajax({
                type: 'POST',
                url: "save.php",
                data: postData+'&lid='+landmarkID,
                success: function(data)
                {
                    alert(JSON.parse(data));
                    $('form')[0].reset();
                },
                error: function(data){
                    alert('There was an error adding your comment'+JSON.stringify(data));
                }
            });
return false;
        });
    });

3.在PHP页面中,用户给出的输入保存在Google Cloud SQL中。

save.php

<?php
**//connection parameters**
$server = "IP";
$username = "";
$password = "";
$database = "";
$con=new mysqli($server,$username,$password,$database); **//connect to db**
$locationID = $_POST["lid"];
$email = mysqli_real_escape_string($con,$_POST["email"]);
$comment = mysqli_real_escape_string($con,$_POST["comment"]);
$sql = "INSERT INTO comments (location_id, email, comment) "; **//insert values in table**
$sql .= "VALUES ($locationID, '$email', '$comment')";
$result="";
if (!mysqli_query($con,$sql)) {
    die('Error: ' . mysqli_error($con));
} else {
        $result="SUCCESS";
}
echo json_encode($result);  **//return result to front end**
?>

创建表查询:

表名:注释

CREATE TABLE `comments` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `location_id` int(11) DEFAULT NULL,
  `email` varchar(45) DEFAULT NULL,
  `comment` text,
  PRIMARY KEY (`id`)
)

上面的编码过程是否正确以支持Win App?我可以知道在Win Store中上传的步骤吗?

在Win Store成功上传后,这会在Win Phone 8.1中工作吗?有人会提供支持Win phone 8.1的示例脚本吗?

我不确定您是否已经解决了这个问题。

我建议坚持使用Phonegap。我会把save.php文件放在你服务器上的某个地方,而不是把它和你的应用程序捆绑在一起。PHP无法在phonegap应用程序中运行,因此您必须将其从应用程序文件中保持在外部。只需将ajax语句中"url:"部分的url更改为save.php所在的完整url即可。

相关内容

  • 没有找到相关文章

最新更新