Отображение динамических HTML-страниц в приложениях PhoneGap - PullRequest
3 голосов
/ 17 августа 2011

Я играл с моим приложением phonegap в eclipse, используя android sdk, и пытался выяснить, как отображать динамические html-страницы из БД сервера в приложении phonegap.

Что я хочу сделать, это;

чтобы иметь веб-страницу, например, www.demo.com/login, и приложение phonegap войдет на эту веб-страницу и покажет www.demo.com/dashboard.html и, таким образом, будет делать фотографии, доступ для встраивания GPS и т. д.

Возможно ли, что приложение phonegap может использоваться как веб-браузер и отображать динамические HTML-страницы, а также иметь доступ к собственным функциям? Нужно ли запускать веб-сервис, который приложение phonegap будет получать и публиковать объекты json, используя этот веб-сервис, а затем визуализировать HTML-код с помощью js с именем mustache.js или чего-то еще?

Я очень ценю вашу помощь

Большое спасибо

Ответы [ 2 ]

6 голосов
/ 18 августа 2011

Вы можете использовать PhoneGap с PHP и JQuery Ajax для получения контента. Загрузите библиотеку jQuery в заголовок файла. В функции onBodyLoad(), поместите Ajax-вызов для файла PHP:

$('#content').load('http://www.example.com/test.php'); в сеансе HTML поместите div id = "content" в место, где вы хотите показывать контент.

PHP:

for($i=1; $i<=10; $i++) {
    echo '<p>Dinamic content coming from test.php! Value: ' . $i . ' of 10.</p>';
}

HTML напечатает:

<p>Dinamic content coming from test.php! Value: 01 of 10.</p>
<p>Dinamic content coming from test.php! Value: 02 of 10.</p>
<p>Dinamic content coming from test.php! Value: 03 of 10.</p>
<p>Dinamic content coming from test.php! Value: 04 of 10.</p>
<p>Dinamic content coming from test.php! Value: 05 of 10.</p>
<p>Dinamic content coming from test.php! Value: 06 of 10.</p>
<p>Dinamic content coming from test.php! Value: 07 of 10.</p>
<p>Dinamic content coming from test.php! Value: 08 of 10.</p>
<p>Dinamic content coming from test.php! Value: 09 of 10.</p>
<p>Dinamic content coming from test.php! Value: 10 of 10.</p>

Чтобы отправить контент на другую страницу и войти в систему, вы можете что-то вроде

$.get('login.php?name=user', function(data) {
    $('#content').html(data);
});

И ваш login.php может иметь что-то вроде:

if (isset($_GET['name'])) {
    $name = $_GET['name'];
    echo "Name: $name";
} else {
    echo "Please enter a valid name!!";
}

Чтобы сделать ваш вход в систему безопасным, вы можете использовать метод POST, как описано ниже:

$('#form').submit(function() {
    $.post('login.php', $('#form').serialize(), function(data) {
        $('#content').html(data);
    });
    return false; // to avoid page going to login.php file
});

и login.php

if(!empty($_POST)) {
    $user = $_POST['name'];
    $pass = $_POST['password'];
    // db query and stuff goes here...
    echo "Worked!";
} else {
    "Enter values!";
}
1 голос
/ 17 августа 2011

jqueryMobile + PhoneGap - это один из способов сделать все быстро.Для вызовов ajax просто нажмите URL-адрес, который предоставит вам данные в виде json, и визуализируйте их динамически.

PhoneGap предоставляет некоторые функции javascript для доступа к камере, местоположению GEO и другим подобным вещам.

Проверкаэто из:

http://www.mobiledevelopersolutions.com/home/announce-1/mds11eclipsepluginforphonegaponandroidreleasestoday-jquerymobileandsenchatouchadded

Вики-страница: http://wiki.phonegap.com/w/page/36868306/UI%20Development%20using%20jQueryMobile

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...