Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Nem titok, hogy az IBM Bluemix ™ alkalmazások fejlesztése egyszerű. Ma a vállalati fejlesztők a Bluemix segítségével szeretnének mobil alkalmazást fejleszteni a Model-View-Controller (MVC) stílusban. Ez a bemutató egy egyszerű példát mutat be egy alkalmazás Bluemix alkalmazásának megtervezésére és fejlesztésére az MVC stílusarchitektúrán keresztül. Mielőtt megkezdjük a munkát az alkalmazáson, számos alapot fogunk megfontolni.

MVC architektúra

Az MVC a legnépszerűbb és legerősebb architektúra-sablon a felhasználói felületek fejlesztéséhez. Az MVC architektúra-sablon egy olyan mód, amely három alkalmazási területre osztható: egy modellre, egy nézetre és egy vezérlőre. A nézet vezérli a grafikus és a szöveges felhasználói bevitelt. A vezérlő értelmezi a felhasználó által megadott adatokat, és átadja a szükséges modell- vagy prezentációs parancsokat. A modell szabályozza az alkalmazás és az adatok viselkedését, valamint reagál az utasítások megváltoztatására (általában a vezérlő által átvitt). Ebben a bemutatóban az MVC architektúra-sablon használatával mobilalkalmazást hozhatunk létre.

RESTful web szolgáltatások

A megújult webes szolgáltatások olyan API-készletek, amelyek megfelelnek a reprezentációs állami átutalás (REST) ​​építészeti korlátainak. Nem igényelnek semmilyen ismeretet az API szerkezetéről az ügyféltől. A böngészőnek nem áll rendelkezésére előre tájékoztatás arról, hogy hova és milyen metaadatokat továbbít. Az API sikeres hívásához a kiszolgáló minden szükséges információt, különösen az URI-t és a szükséges mezőket küld az ügyfélnek. Alkalmazásunk szolgáltatási szintjén RESTful webszolgáltatásokat használunk.

"Mindig használja az MVC-t." Világosan el kell különíteni az üzleti logikát a vezérlő és a nézet logikájától. Az illetékes szintű felosztás számos hiányosságot kompenzál. "

- Legjobb Java EE legjobb gyakorlatok

Példa egy üzleti modellre

Egyszerű mobilalkalmazásunk segítségével a tejtermelők meg tudják tekinteni a Dairy Production Center fontos információit.

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Építészet és alkalmazástervezés

Alkalmazás tervezésénél az MVC stílusban használt architektúrát használják.

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

A folyamatok sorrendje

  1. A mobilalkalmazás Dairy Production Center for Android, amely a nézet összetevőjeként működik, kérést küld a RESTful szolgáltatásból a Bluemix WebSphere Liberty Runtime futásidejű vezérlőmoduljára.
  2. A mobil alkalmazásba bevitt adatok alapján a vezérlőmodul felhívja a megfelelő adatelérési objektumot, amely adatokat küld vissza a vezérlőnek.
  3. Miután megkapta az adatbeviteli objektum (modell) válaszát, a vezérlő válaszol a mobilalkalmazásra, amely az adatokat felhasználóbarát formában jeleníti meg.

Az MVC komponensek a következők:

Adathozzáférési réteg (modell) Olyan felületként működik, amely hozzáférést biztosít egy adatbázishoz (vagy más adattárhoz). A mi mintaalkalmazásunkban ez a réteg interfészként szolgál az adatbázisban való közreműködéshez. Az Adatbeviteli objektum (DAO) réteget alacsony szintű API hívások és műveletek különválasztására használják a magas szintű üzleti szolgáltatásokból. Az alábbi lista a DAO-ban végrehajtott módszereket mutatja be az adatbázisból történő adatkivonásra.

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

A mobil alkalmazás Dairy Production Center együttműködik a Dairy Production Center RESTful API Bluemix hívásaiban. Az alkalmazás közzéteszi egy API-t, amelyet bármely külső kliens használhat a HTTP protokoll használatával. A tejtermelőknek be kell jelentkezniük a felhasználók belépésére:

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Tallózzon a tehenek és állományok listáján, hírleveleket tegyen közzé a Dairy Production Centerben.

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

Amire szükséged van

1. lépés: Az adatokhoz való hozzáférés szintje (modell)

Adathozzáférési réteg létrehozásához hozzon létre egy adatbázist, sémát, táblákat, kapcsolatokat, adatokat és objektumokat az adatok eléréséhez. Ehhez kövesse az alábbi lépéseket:

Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

  • Futtassa a DevOps kódbázisában található DDL-t a bluemixdairyproductioncenter-ddl könyvtárban.
  • A DDL sikeres végrehajtásakor ellenőrizze a táblák és oszlopok helyességét a megfelelő sémákra, táblázatokra, oszlopokra és adatokra való kattintással.
    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Most nézzük meg az adatokhoz való hozzáférési szint létrehozásához szükséges kódot.

    1. Importálja a forráskódot a DevOps szolgáltatásból Eclipse-be.
    2. Az ezen a szinten használt fő adathozzáférési objektumok a következők:
      • DairyProductionCenterDBConnection, amely az adatbázishoz kapcsolódik
      • DairyProductionCenteDAOImpl, amelyre a tehenek felsorolásra kerülnek a gyártó kérésére a szolgáltatási szintről

    A DAO csomagban szereplő osztályok:

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

  • Az adatbázishoz való kapcsolódáshoz létre kell hoznia egy JDBC kapcsolatot a Bluemix SQLDB szolgáltatással. A Bluemix SQLDB szolgáltatáshoz való csatlakozáshoz használja az alábbi kódot.
  • A következő feladat az összes tehenek listája az adatbázis táblából (DP_COWS) a DAO használatával.

    A bemutatott kód azt mutatja, hogyan lehet a tehenek listáját az adatbázisból. Ahhoz, hogy értéket kapjon az adatbázisból, kövesse ezt a módszert:

    Meg kell jelennie egy listát a tehenekről az adatbázis táblában (DP_COWS):

    Tehenek listája

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    2. lépés: Szolgáltatási szint létrehozása (vezérlő)

    Ez a szint az Apache Wink REST szolgáltatás platform és a Java JSON Builder eszközök segítségével valósul meg. Csomag és osztályok a RESTful szolgáltatáshívások megvalósításához:

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hasonlítsa össze a JSON választ az adatbázisban lévő adatokkal a tehenek listája című részben.

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    3. lépés: Prezentációs szint létrehozása (nézet)

    1. Importálja a forráskódot (bluemixdairyproductioncenter-android) a DevOps Services-ból ADT-be. Nyissa meg a CowListActivity osztályt a Dairy Production Center Android alkalmazáscsomagból.
      Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    A kód már elkészült. Az alkalmazást Android Emulátorban lehet létrehozni és futtatni:

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Megjelenik a gyártó tehenek listája.

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

    Hozzon létre mobilalkalmazásokat az mvc bluemix stílusában

  • Hasonlítsa össze a listát az adatbázisban tárolt adatokkal, amelyek az eredeti tehénlistában jelennek meg.
  • következtetés

    A mobil alkalmazásnak a Bluemix használatával készült MVC stílusa egyszerű. Csak kövesse az alapjait MVC végrehajtás megtervezésekor milyen adatok jelennek meg, hogy pontosan hogyan jelenik meg, és milyen események és a felhasználói input kell kezelni, ha a kérelmet a saját MVC platform. Bluemix PaaS egy felhasználóbarát platform széleskörű képességei, különösen futtatási környezetben, a szolgáltatások és a mobil funkciók segítségével gyorsan és egyszerűen fejlesztése MVC-alkalmazás.

    Források letöltése

    Kapcsolódó témák