PHP ծրագրավորման հեռախոսների եւ պլանշետների հետ jQuery Mobile

Պատկերացրեք, որ դուք օգտագործել PHP զարգացնել իրենց դիմումները, որ առաջադրվելու է բջջային սարքերի. Հետ jQuery Mobile եք ստեղծել ինտերֆեյս, որ հետ է վեբ սերվերի միջոցով Ajax.


ներկայացում

Դա մոգություն չէ! Ձեր արածը սովորական է: մենք օգտագործում ենք HTML- ը էկրանները և Javascript- ը հավաքելու համար (Այաքս) վեբ սերվերին հարցում կատարելու համար, որտե՞ղ են ստացված PHP աղբյուրների կոդերը, մշակել և վերադարձնել տեղեկատվությունը. Եվ դրա համար, մենք կարող ենք հույս դնել այն հարմարությունների շարք, որոնք JQuery- ն թույլ է տալիս մեզ.

jQuery բջջային

jQuery Mobile- ը սմարթֆոնների և պլանշետների համար օպտիմիզացված վեբ շրջանակ է. Այն HTML5- ի վրա հիմնված ինտերֆեյսի համակարգ է, որը համատեղելի է բջջային սարքերի ամենատարածված պլատֆորմների հետ. Կառուցված է jQuery և jQuery UI- ի վրա, դրա ծածկագիրը թույլ է տալիս ճկուն ձևավորում, հեշտությամբ հարմարեցված.

գործնականում

Եկեք մի պարզ օրինակ բերենք, որտեղ մենք տեքստի դաշտի միջերես ունենք, որպեսզի օգտագործողը ներդնի իրը “անուն”. Կտտացնելով կոճակը “Ուղարկել”, ձևը ուղարկվում է սերվերին («Այաքսի» միջոցով), որը ցուցադրում է հաղորդագրությունը “Բարև անուն!” կամ “Ողջույն աշխարհ!”, եթե անվանման դաշտը դատարկ է.

Ողջույն աշխարհ!

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
<!DOCTYPE HTML>
<HTML>
    <ղեկավար>
    <կոչում>Ողջույն աշխարհ! JQuery Mobile</կոչում>
    <մետա անուն="viewport" պարունակություն="width=device-width, սկզբնական սանդղակ = 1"> 
    <կապ rel="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>Ողջույն աշխարհ - JQuery Mobile</h1>
        </div>
        <div տվյալները-դերը="content">
            <div տվյալները-դերը="fieldcontain">
                <պիտակ համար="nome">Մուտքագրեք ձեր անունը:</պիտակ>
                <մուտքագրման տեսակը="text" id="nome" Անուն="nome" արժեք="" />
            </div>
            <մուտքագրում id="bt-enviar" տիպ="button" արժեք="Enviar" />
            <div id- ը="resultado"></div>
        </div>
    </div> 
</մարմին>
</HTML>
?>
olamundo.php | Ձեր PHP կոդը (սերվերի կողմից)
1
2
3
 
  <?PHP վերնագիր("Content-Type: տեքստ / html;  տառատեսակ = ISO-8859-1",ճիշտ) ?>
  <h3>Բարեւ Ձեզ <?PHP ընդօրինակել $_POST['Անուն'] ? $_POST['Անուն'] : "Mundo" ?>!</h3>

O resultado é algo do tipo:


Veja este código funcionando!

A grande sacada do JQuery Mobile está na meta-tag viewport, onde o parâmetro width=device-width redimensiona automaticamente o conteúdo conforme a tela do dispositivo móvel que está acessando. Այս եղանակով, ներկայացումը, երբ սեղանադիր համակարգչից օգտվելիս, տարբերվում է բջջային հեռախոսից.

Կարող եք օգտագործել emulator- ը `ձեր էջը պահելու և հայտնվելու բջջային հեռախոսում ավելի լավ պատկերացնելու համար, դեղահատ, եւ այլն, ինչպես երևում է վերը նկարում. Ոչ մի խաղատուն չի անում Chrome- ը, պարզապես տեղադրեք տիպի ընդլայնում “Ripple Emulator” և օգտագործել այն որպես փորձարկման գործիք. Նմանատիպ մի քանի լուծումներ կան.

Մնացածը բխում է ձեր անհրաժեշտությունից և ստեղծագործությունից…

Ընդամենը մուտքերը: 64871

11 արձագանքներ “PHP ծրագրավորման հեռախոսների եւ պլանշետների հետ jQuery Mobile

  1. Ֆիբիո ասել է:

    Բարի լույս, շնորհավորանքներ գրառման համար. Ես կցանկանայի օգտվել նրա բովանդակությունից `պատասխանելու մի հարցի(եթե կարող ես օգնել ինձ, ես երախտապարտ եմ). Ես կցանկանայի PHP- ում պարզ հարցում կատարել բանկում, այնուհետև էկրանին ցույց տալ ՝ օգտատերը գրանցված է, թե ոչ բանկում, օգտագործելով jquery mobile. Դուք գիտեք, թե ինչպես կարող եմ դա անել? Շնորհակալ եմ ուշադրության համար.

    • Ողջույն Ֆաբիո. sim, Ես գիտեմ, թե ինչպես դա անել, բայց դուք պետք է իմանաք մի փոքր ծրագրավորում ՝ բացատրությունը հասկանալու համար. Սկզբունքը նույնն է, ինչ ես օգտագործել եմ օրինակով “olamundo.php”; տարբերությունն այն է, որ դուք պետք է միանաք տվյալների բազային, ստացեք ցանկալի արդյունքը (տեղադրեք ձեր SQL- ն) և ցուցադրել այն. Գրկախառնվել!

      • max ասել է:

        Olá Taylor, Եթե ​​ցանկանում եք ունենալ մի ամբողջ ընթացքը PHP ծրագրավորման համար բջջային հեռախոսների եւ պլանշետների հետ jQuery Mobile. Մուտքագրեք CRUD.

        Օրինակը դասընթացների ժամանակացույցի համակարգն է, որտեղ ես կցուցադրեի տվյալների բազայից եկող դասընթացների ցանկը և կտտացնելով դասընթացին ես կարող էի տեսնել դասընթացի վերաբերյալ բոլոր տեղեկությունները.

      • բարեւ Max. Ես այս ընթացքը :( Օրինակ է այս պաշտոնում է արդեն շատ մոտ է, թե ինչ պետք, պարզապես անհրաժեշտ է աշխատել խնդրել (ուղարկելով տվյալների / html / ձեւ Այաքսի) իսկ պատասխան (տվյալները մշակվում վերադարձի PHP / SQL / սերվերի). Ինտերնետում PHP- ի CRUD- ի շատ օրինակներ կան.

        Այսօր, եթե ձերն էր ինչ-որ բան անել Mobile- ի համար, կօգտագործեր Իոնիկ.

  2. Ինչ ծրագրային ապահովման մեջ կցուցադրվի աղբյուրը, որպեսզի մեր ծրագիրը “Ողջույն աշխարհ” և շատ ուրիշներ սկսում են վազել??

    • Կոդը հիմնված է HTML- ի վրա, CSS e JavaScript. ուստի, զննարկիչը ինքնին (IE, firefox, քրոմ) ձեր սարքի (բջջային, դեղահատ, տետր) հոգ է տանում մեկնաբանելու մասին. Տեղադրելու ծրագիր չկա. Հաճախորդի կողմը, տեղադրեք ծածկագիրը ցանկացած տեքստային ֆայլում (նոթատետր, օրինակ) և պահպանեք այն որպես .html ընդլայնում. Սերվերի կողմը, տվյալները շահարկելու համար, ստիպված կլինի օգտագործել ծրագրավորման լեզու, PHP- ի նման, Java, Ասպ, .Զուտ, եւ այլն.

  3. Ռաֆայել Օգոստոն ասել է:

    Բարի օր,

    Առաջին, Շնորհավորանքներ հոդվածի համար.

    Այսպիսով, հնարավոր է ծրագրեր մշակել ինչպես android- ի, այնպես էլ IOS- ի համար ՝ օգտագործելով Jquery Mobile- ը և Phonegap- ը, և հնարավոր է նաև օգտագործել PHP և MYSQL ՝ սերվերին միանալու համար?

    • Բարի գիշեր, այո, դա լիովին հնարավոր է. Phonegap- ի միջոցով կարող եք ստեղծել ձեր դիմումը html / js- ում (հաճախորդի կողմը) և այն կգործի Android iOS- ով, մուտք դեպի սերվերային կողմի ռեսուրսներ (PHP e MySQL), «Այաքսի» միջոցով.

  4. Ջան ասել է:

    Այն ունի այն ծրագիրը, որը դուք տեղադրել եք Google Play- ում ? կամ պարզապես անիվ, անմիջապես մուտք ունենալով զննարկիչ ?

    • sim, Դուք ձեր դիմումը կատարում եք HTML- ով, CSS և Javascript, իսկ հետո օգտագործում է նման ծրագրեր PhoneGap ծրագրեր առաջացնելու համար (համարյա) բնիկ Android- ի և iOS- ի նման ծրագրերին. Դրանից հետո պարզապես անցեք Google Play- ին (Android- ը). Ձեր դիմումը կկարողանա նորմալ շփվել ձեր PHP- ի հետ `կատարելով Ajax- ի խնդրանքները, ինչպես օրինակով.

Թողնել Պատասխանել

Ձեր էլ. Փոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են *