JQuery Mobile telefonlar va planshetlar uchun PHP dasturlash

Agar mobil qurilmalarda ishlatish uchun ularning ilovalarini ishlab chiqish uchun PHP foydalanish tasavvur qiling. JQuery Mobile bilan siz Ayaks orqali veb-server bilan o'zaro interfeyslarni yaratish.


taqdimot

hech qanday sehr yo'q emas! Nima qilinadi har doim iborat: Biz ekranlar va Javascript qurish HTML foydalanish (ajax) Web-serverga so'rovlarini qilish, qaerda oladi PHP-source code bo'ladi, qayta ishlash va ma'lumotlarni qaytib. Va buning uchun, Biz jquery beradi muassasalari majmui tayanishi mumkin.

jQuery Mobile

jQuery Mobile smartfon va planshetlar uchun optimallashtirilgan bir veb-ramkaga. Bu mobil qurilmalar uchun eng mashhur platformalaridan bilan mos bir HTML5 asoslangan tizimi interfeyslarni bo'lgan. jQuery va jQuery UI ustida qurilgan, Sizning kodi moslashuvchan dizayn beradi, osonlik bilan özelleştirilebilir.

amalda

ning oddiy misol yarataylik, Biz kiritish uchun, foydalanuvchi uchun matn maydoniga ega interfeysi bor qaerda uning “ism”. tugmasini bosgan holda “yuborish”, shakl serverga yuboriladi (Ayaks foydalanish), qaysi xabar ko'rsatadi “Salom foydalanuvchi nomi!” yoki “Salom Dunyo!”, nomi maydoni bo'sh bo'lsa,.

Salom Dunyo!

index.php | UI (mijoz-yon)
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
<!DOCTYPE html>
<html>
    <bosh>
    <sarlavha>Salom Dunyo! JQuery Mobile</sarlavha>
    <huzur nomi="viewport" kontent="width=device-width, dastlabki ko'lamli = 1"> 
    <aloqa rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <skript src="http://code.jquery.com/jquery-1.6.4.min.js"></stsenariy>
    <skript src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></stsenariy>   
    <stsenariy>
        $(vazifa() { 
            $("#bt-enviar").bosish(vazifa() {
                $.ajax({
                  shrift: "POST",
                  url: "http://taylorlopes.com/util/jquerymobile/olamundo/olamundo.php",
                  ma'lumotlar: ({ism: $.tartib($("#nome").Val()) }),
                  veritipinin: "text",
                  muvaffaqiyat: vazifa(ma'lumotlar) {
                    $("#nome").Val("");
                    $("#resultado").html(ma'lumotlar);
                  }
                });
            });
        });
    </stsenariy>     
</bosh>
<badan> 
    <div ma'lumotlar-roli="page" id="indexPage">
        <div ma'lumotlar-roli="header">
            <h1>Salom dunyo - JQuery Mobile</h1>
        </div>
        <div ma'lumotlar-roli="content">
            <div ma'lumotlar-roli="fieldcontain">
                <belgi uchun="nome">Ismingizni kiriting:</belgi>
                <Kirish turi="text" id="nome" ism="nome" qiymati="" />
            </div>
            <Kirish id="bt-enviar" shrift="button" qiymati="Enviar" />
            <div id="resultado"></div>
        </div>
    </div> 
</badan>
</html>
?>
olamundo.php | Sizning PHP kodi (server-yon)
1
2
3
 
  <?php header("Content-Type: matn / html;  charset = ISO-8859-1",haqiqiy) ?>
  <h3>salom <?php aks sado $books["Nomi"] ? $books["Nomi"] : "Mundo" ?>!</h3>

Natijada kabi bir narsadir:


Bu ish kodni qarang!

jQuery Mobil haqida buyuk narsa meta-tegi bo'ladi “qismi”, qaerda parametr “width = qurilma-kengligi” avtomatik ravishda kirish mobil ekran sifatida mazmunini boyutlandırır. Shunday qilib,, Agar ish stoli kirish uchun taqdimot hujayradan farq qiladi.

Siz yaxshi sahifa muomala yo'l tasavvur qilish uchun emulyatoringizni foydalanish va hujayraning paydo bo'lishi mumkin, tabletka, etc, Yuqoridagi rasmda ko'rinib turganidek. Yo'q, caso Chrome qilish, faqat bir kengaytirish turini o'rnatish “Ripple Emulator” va bir sinov vositasi sifatida foydalanish. bir necha shunga o'xshash echimlar bor.

Qolgan sizning muhtoj va ijod boradi…

umumiy kirish: 64871

11 sharhlar “JQuery Mobile telefonlar va planshetlar uchun PHP dasturlash

  1. Fabio dedi:

    yaxshi tong, tabriklar post. Bu shubha olish I mazmunini olishini(Agar menga yordam berishi mumkin, agar men minnatdorman). Men PHP skameykada oddiy so'rog'ini qilish, keyin esa jquery mobil yordamida ma'lumotlar bazasida ro'yxatga olingan foydalanuvchi ekranda yoki yo'q edi. Ular men Buning qanday bilaman? E'tiboringiz uchun shukr.

    • Olá Fabio. sim, Men qanday bilaman, lekin siz tushuntirib tushunish dasturlash bir oz bilish kerak. qoida Men masalan ishlatiladigan bir xil bo'ladi “olamundo.php”; farq siz bazasiga ulanish qilish kerak, deb, Qidiruv yoki natija mo'ljallangan (SQL yig'ishda) va uni namoyish. quchoqlaymiz!

      • Max dedi:

        Salom Taylor, Agar JQuery Mobile mobil telefonlar va planshetlar uchun PHP dasturlash to'liq kursni bo'lar edi. bir CRUD kiriting.

        Bir misol, ma'lumotlar bazasi menga kurslar ro'yxatini ko'rsatdi va albatta bosing men barcha Kurs ma'lumotlarni ko'rish mumkin bo'lgan dars jadvalini tizimi.

      • Salom Max. Men bu kursni bor :( bu xabarga misol allaqachon kerak, nima uchun juda yaqin, Agar faqat mehnat qilish kerak so'rov (Ayaks uchun ma'lumotlar / html / formasini yuborish) va javob (ma'lumotlar qayta Qaytish php / SQL / server). Internet PHP CRUD ko'plab misollar bor.

        Bugun agar Mobil uchun biror narsa qilish edi, foydalanish bo'lardi ion.

    • kodi HTML asoslangan, CSS e JavaScript. shu sababli, brauzer o'zi (IE, Firefox, Chrome) qurilmangiz (uyali, tabletka, daftar) talqin uchun mas'ul bo'lgan. har qanday dasturiy ta'minot o'rnatish uchun hojat yo'q. mijoz tomonida, matn faylida kodni joylashtirish biron (daftar, Misol uchun) va .html uzaytirish sifatida saqlashingiz. Server tomoni, ma'lumotlarni ishlov berish uchun, Siz dasturlash tilini ishlatish kerak bo'ladi, Komo PHP, Java, Asp, .to'r, etc.

  2. Rafael Augusto dedi:

    xayrli kun,

    birinchi, maqola bilan tabriklaymiz.

    Va keyin Android uchun ham va shuningdek jQuery Mobile va Phonegap yordamida iOS uchun ilovalarni ishlab chiqish mumkin va serverga ulanish uchun PHP va MySQL foydalanishingiz mumkin?

    • yaxshi kecha, Ha, ancha mumkin. Phonegap bilan siz HTML / js sizning ariza yaratish (mijoz tomonida) va u Android iOS ishlaydi, server-yon resurslariga kirish (PHP e MySQL), Ayaks foydalanish.

    • sim, Agar HTML bilan murojaat qilish, CSS va keyin Javascript va shunga o'xshash dasturlar foydalanadi PhoneGap ilovalarni ishlab chiqarish uchun (deyarli) Android va iOS kabi platformalaridan Native. faqat Google Play uchun mavjud (Android). Arizangiz Ayaks so'rovlar tomonidan odatda siz PHP bilan muloqot qilish mumkin bo'ladi, Misol sifatida.

Leave a Reply

Sizning email manzilingiz chop qilinmaydi. Kerakli joylar belgilangan *