Creați aplicații mobile în stilul mvc cu bluemix

Nu este nici un secret faptul că dezvoltarea de aplicații în IBM Bluemix ™ este ușoară. Astăzi, dezvoltatorii corporativi doresc să dezvolte aplicații mobile în stilul Model-View-Controller (MVC) cu ajutorul Bluemix. Acest tutorial prezintă un exemplu simplu care demonstrează proiectarea și dezvoltarea unei aplicații în Bluemix utilizând o arhitectură în stil MVC. Înainte de a începe să lucrăm asupra aplicației, vom lua în considerare o serie de baze.







Arhitectura MVC

MVC este cel mai popular și mai puternic model de arhitectură pentru dezvoltarea interfețelor utilizatorilor. Un șablon de arhitectură MVC este o modalitate de a împărți o aplicație în trei părți: un model, o vizualizare și un controler. Vizualizarea controlează introducerea grafică și text pe utilizator. Controlorul interpretează datele introduse de utilizator și transmite comenzile de model sau de prezentare necesare. Modelul controlează comportamentul aplicației și datele acesteia și răspunde, de asemenea, instrucțiunilor de modificare a stării (de obicei transferate de către controler). În acest tutorial, folosim șablonul de arhitectură MVC pentru a crea o aplicație mobilă.

Servicii rapide web

Cele mai performante servicii web sunt un set de API care corespund constrângerilor arhitecturale ale transferului de stat reprezentant (REST). Ele nu necesită cunoașterea structurii API de la client. Browserul nu are în prealabil informații despre unde și ce metadate să transmită. Pentru a apela cu succes API-ul, serverul trimite clientului toate informațiile necesare, în special URI și câmpurile necesare. La nivelul serviciilor oferite de aplicația noastră, utilizăm serviciile web RESTful.

"Utilizați întotdeauna MVC." În mod clar separați logica de afaceri de logica controlerului și a vizualizării. Diviziunea competentă în niveluri compensează multe deficiențe. "

- Cele mai bune practici Java EE

Exemplu de model de afaceri

Cu ajutorul aplicației noastre mobile simple, producătorii de lapte vor putea să vadă informații importante de la Centrul de producție a produselor lactate.

Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Arhitectura si proiectarea aplicatiilor

La proiectarea unei aplicații se utilizează o arhitectură în stil MVC.

Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Secvența proceselor

  1. Aplicații mobile lactate Centrul de producție pentru Android, care acționează ca o componentă de prezentare face o cerere a serviciului REST la controlerul modulului desfășurat în runtime Bluemix WebSphere Liberty Runtime.
  2. Pe baza datelor introduse în aplicația mobilă, modulul de comandă efectuează un apel către obiectul corespunzător accesului la date, care returnează datele către controler.
  3. După primirea unui răspuns de la obiectul de acces la date (model), controlerul trimite un răspuns aplicației mobile, care afișează datele într-o formă ușor de utilizat.

Componentele MVC sunt următoarele:

Stratul de acces la date (modelul) acționează ca o interfață care oferă acces la o bază de date (sau la alt depozit). În aplicația noastră de eșantionare, acest strat este utilizat ca interfață pentru interacțiunea cu baza de date. Stratul de date pentru accesul de date (DAO) este utilizat pentru a separa apelurile și acțiunile API de nivel inferior de la serviciile de afaceri la nivel înalt. Următoarea listă prezintă metodele implementate în DAO pentru extragerea datelor din baza de date.

Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Aplicația noastră mobilă Centrul de producție a laptelui interacționează cu apelurile de la Centrul de producție de produse lactate RESTful API în Bluemix. Aplicația publică un API care poate fi utilizat de orice client extern utilizând protocolul HTTP. Producătorii de lapte vor avea o aplicație cu abilitatea de a vă conecta la utilizatori:

Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Răsfoiți lista de vaci și cirezi, publicați știri în Centrul de producție a produselor lactate.

Creați aplicații mobile în stilul mvc cu bluemix






Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Creați aplicații mobile în stilul mvc cu bluemix

Ce ai nevoie

Pasul 1. Formați nivelul accesului la date (model)

Pentru a crea un strat de acces la date, creați o bază de date, o schemă, tabele, relații, date și obiecte pentru a accesa datele. Pentru aceasta, urmați acești pași:

Creați aplicații mobile în stilul mvc cu bluemix

  • Rulați DDL conținute în baza de coduri DevOps în directorul bluemixdairyproductioncenter-ddl.
  • Când DDL este executat cu succes, verificați corectitudinea tabelelor și coloanelor făcând clic pe schemele, tabelele, coloanele și datele corecte.
    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Acum, să examinăm codul necesar pentru a crea nivelul de acces la date.

    1. Importați codul sursă din serviciul DevOps în Eclipse.
    2. Principalele obiecte de acces la date utilizate la acest nivel sunt:
      • DairyProductionCenterDBConnection, care se conectează la baza de date
      • DairyProductionCenteDAOImpl, enumerând toate vacile producătorului la cerere de la nivelul serviciului

    Clasele conținute în pachetul DAO:

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

  • Pentru a interacționa cu baza de date, va trebui să stabiliți o conexiune JDBC cu serviciul SQLDB Bluemix. Pentru a vă conecta la serviciul SQLDB în Bluemix, utilizați codul de mai jos.
  • Următoarea sarcină este să obțineți o listă cu toate vacile din tabela de baze de date (DP_COWS) utilizând DAO.

    Codul afișat arată cum se obține o listă de vaci din baza de date. Pentru a obține valori din baza de date, urmați această metodă:

    Ar trebui să vedeți o listă de vaci în tabela de baze de date (DP_COWS):

    Listă de vaci

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Pasul 2: Creați un nivel de serviciu (controler)

    Acest nivel este implementat utilizând platforma Apache Wink REST și instrumentele Java JSON Builder. Pachet și clase pentru realizarea apelurilor RESTful de servicii:

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Comparați răspunsul JSON cu datele din baza de date din secțiunea Listă de vaci.

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Pasul 3. Creați un nivel de prezentare (vizualizare)

    1. Importați codul sursă (bluemixdairyproductioncenter-android) din DevOps Services în ADT. Deschideți clasa CowListActivity din pachetul de aplicații pentru aplicații Android pentru Centrul de producție pentru produse lactate.
      Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

    Codul este acum complet. Puteți crea și rula aplicația în Android Emulator:

    Creați aplicații mobile în stilul mvc cu bluemix

    Se afișează lista de vaci pentru producător.

    Creați aplicații mobile în stilul mvc cu bluemix

    Creați aplicații mobile în stilul mvc cu bluemix

  • Comparați lista cu datele stocate în baza de date, care sunt afișate în lista originală de vacă.
  • concluzie

    Construirea unei aplicații mobile în stilul MVC folosind Bluemix este ușor. Pur și simplu urmați elementele de bază ale implementării MVC atunci când planificați ce date vor fi afișate, modul în care acestea vor fi afișate și evenimentele și intrările de utilizator pe care va trebui să le procesați atunci când lucrați cu aplicația pe propria platformă MVC. Bluemix PaaS este o platformă ușor de utilizat, cu capabilități extinse, în special medii de rulare, servicii și caracteristici mobile care vă vor ajuta să dezvoltați rapid și ușor o aplicație MVC.

    Descărcați resurse

    Subiecte conexe







    Trimiteți-le prietenilor: