PHP программирование для мобильных телефонов и планшетов с JQuery Mobile

Представьте, что вы используете PHP для разработки своих приложений для запуска на мобильных устройствах. С JQuery Mobile создании интерфейсы, которые взаимодействуют с веб-сервера через Ajax.


Презентация

Нет никакой магии! Что такое обычный: использовать HTML, чтобы соответствовать canvas и Javascript (АЯКС) чтобы сделать запросы на веб-сервере, где находятся источники PHP, которые будут получать, процесс и возвращать информацию. И для этого, Мы можем рассчитывать на набор функций, что JQuery позволяет нам.

jQuery Mobile

jQuery Mobile — фреймворк веб-оптимизированных для смартфонов и планшетов. Это система, основанная на HTML5 интерфейсов, совместимых с наиболее популярных платформ мобильных устройств. Построенный на jQuery и jQuery UI, Ваш код позволяет гибкий дизайн, легко настраиваемый.

На практике

Давайте рассмотрим простой пример, У нас есть интерфейс с в текстовое поле для ввода вашего “имя”. Нажав на кнопку “Отправить”, форма отправляется на сервер (через Ajax), что выводит сообщение “Привет nomeDoUsuario!” или “Всем привет!”, Если поле имя является пустым.

Всем привет!

index.php | Пользовательский интерфейс (Клиент сторона)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?PHP
<!Тип документа html>
<HTML>
    <Руководитель>
    <Название>Всем привет! JQuery Mobile</Название>
    <Название мета="viewport" содержание="width=device-width, первоначальный масштаб = 1"> 
    <Ссылка РЕЛ="stylesheet" href="http://Code.jQuery.com/Mobile/1.1.0/jQuery.Mobile-1.1.0.min.CSS" />
    <Скрипт src="http://Code.jQuery.com/jQuery-1.6.4.min.js"></сценарий>
    <Скрипт src="http://Code.jQuery.com/Mobile/1.1.0/jQuery.Mobile-1.1.0.min.js"></сценарий>   
    <сценарий>
        $(Функция() { 
            $("#bt-enviar").Нажмите кнопку(Функция() {
                $.АЯКС({
                  Тип: "POST",
                  URL-АДРЕС: "http://taylorlopes.com/util/jquerymobile/olamundo/olamundo.php",
                  Дата: ({имя: $.Трим($("#nome").Валь()) }),
                  тип данных: "text",
                  успех: Функция(Дата) {
                    $("#nome").Валь("");
                    $("#resultado").HTML(Дата);
                  }
                });
            });
        });
    </сценарий>     
</Руководитель>
<тело> 
    <Div данных-роль="page" ID="indexPage">
        <Div данных-роль="header">
            <H1>Olá mundo - JQuery Mobile</H1>
        </Div>
        <Div данных-роль="content">
            <Div данных-роль="fieldcontain">
                <лейбл Это="nome">Informe seu нома:</лейбл>
                <Тип ввода="text" ID="nome" имя="nome" значение="" />
            </Div>
            <входной идентификатор="bt-enviar" Тип="button" значение="Enviar" />
            <div id="resultado"></Div>
        </Div>
    </Div> 
</тело>
</HTML>
?>
olamundo.php | Сеу código PHP (серверные)
1
2
3
 
  <?PHP заголовок("Content-Type: текст/html;  charset = ISO-8859-1",значение true) ?>
  <H3>Привет <?PHP Эхо $_ ПОСТ[«имя»] ? $_ ПОСТ[«имя»] : "Mundo" ?>!</H3>

В результате получается что-то:


Код см.!

Большое дело JQuery Mobile находится в мета теге “область просмотра”, где параметр “устройство ширина = ширина” автоматически изменяет размер содержимого как на экране мобильного устройства, которое доступ к. Таким образом, Презентация, доступа к рабочему столу отличается от мобильного телефона.

Можно использовать эмулятор для лучше представить, как ваша страница работает и появляется в сотовый телефон, Таблетки, etc, Как видно на рисунке выше. В случае хром, просто установите тип расширения “Пульсация эмулятор” и использовать его как инструмент тестирования. Есть несколько аналогичных решений.

Остальное идет на ваши потребности и творчество…

Всего просмотров: 64871

11 Комментарии по “PHP программирование для мобильных телефонов и планшетов с JQuery Mobile

  1. Фабио сказал:

    Доброе утро, поздравления для этого поста. Я хотел бы взять его содержание прояснить сомнения(Если вы можете помочь мне спасибо). Я бы хотел сделать простой запрос в в PHP и затем Показать на экране пользователя, зарегистрированных или не в банке, используя jquery мобильных. Вы знаете, как я могу это сделать? Благодарны за внимание.

    • Привет Фабио. Да, Я знаю, как это сделать, но вы должны знать немного программирования понять объяснение. Принцип такой же, как в примере “olamundo.php”; разница в том, что вы должны сделать соединение с базой данных, получить желаемый результат (Настройка вашего SQL) и его отображения. Объятия!

      • Макс. сказал:

        Привет Тейлор, у вас будет полный курс программирования PHP для мобильных телефонов и планшетов с JQuery Mobile. Введите CRUD.

        Пример системы календарь курсов, где я показал список курсов, выйдя из базы данных, и когда вы щелкаете на курс я мог видеть всю информацию путешествия.

      • Макс Макс. Я не этот курс :( Пример в этой должности уже очень близка что вам нужно, Вы просто должны работать запрос (Отправка данных html формы на Ajax) и ответ (обработка данных возвращаемого php/sql/сервер). В Интернете есть много примеров CRUD в PHP.

        Сегодня, если ваш собирается сделать что-то для мобильных устройств, будет использовать Ионные.

  2. В которой программного обеспечения будет вставлен исходный код нашей программы “Olá mundo” и так много других поршневых верхом??

    • Код основан на HTML, CSS и JavaScript. Так, самого браузера (IE, Firefox, Хром) вашего устройства (сотовый телефон, Таблетки, Ноутбук) заботится о толковании. Вам не нужно устанавливать любое программное обеспечение. Клиент сторона, Поместите код в текстовый файл (Блокнот, Например) и сохраните его как расширение файла html. Серверные, для работы с данными, придется использовать язык программирования, как PHP, Java, ASP, .NET, etc.

  3. Рафаэль Аугусто сказал:

    Добрый день,

    Первый, Поздравления для статьи.

    Таким образом можно разрабатывать приложения для обоих android и IOS с использованием Jquery Mobile и Phonegap и также может использовать PHP и MYSQL для подключения к серверу?

    • Спокойной ночи, Да, это вполне возможно. С Phonegap вам создавать приложения в html/js (на стороне клиента) и она будет работать на Android, iOS, доступ к серверным ресурсам (PHP и MySQL), через Ajax.

  4. Ян сказал:

    Как пример программы, что вы установлена на google играть ? или просто колесо, доступ к непосредственно в веб-браузере ?

    • Да, Вы делаете ваше приложение с помощью HTML, CSS и Javascript, тогда как использование программ PhoneGap для создания приложений (почти) Туземцы для платформ Android и iOS. Тогда это просто до Google Play (Андроид). Ваше приложение будет иметь возможность общаться с PHP обычно делают запросы Ajax, как и в примере.

Оставь ответ

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *