Dinamikus információk megjelenítése weboldalakról a JavaServer Faces segítségével > 1. modul: Weboldalak létrehozása adatkapcsolatokkal >
< Vissza | Tovább >

1.2. lecke: Csatlakozás egy adatbázishoz, és adatok megjelenítése egy weboldalon

A lecke segítségével elsajátíthatja a csatlakoztatást egy adatbázishoz, és az adatrekordok megjelenítését egy weboldalon. Megtanulja azt is, hogyan adhat relációs rekordlistát a weboldalhoz.

Az ismertetőben szereplő webhely az adatbázisok eléréséhez és az információk megjelenítéséhez dinamikus weboldalakat használ, JavaServer Faces össztevőkkel. Az ismertető relációs rekordokat és relációs rekordlistákat alkalmaz az adatbázisban található adatok ábrázolására, így az adatok adattábla vagy egyszerű HTML táblázat formában jeleníthetők meg az oldalon. Ezek az összetevők Java hozzáférési komponenseket használnak.

Ismerje meg az adathozzáférési komponenseket

Az adathozzáférési komponensek, EJB-komponensek Java ábrázolásai. Ezeket tipikusan ügyfélprogramokban használják, amelyek JavaServer Pages (JSP) fájlokat, kiszolgáló kisalkalmazásokat vagy más EJB-komponensekkel együttműködő EJB-komponenseket alkalmaznak. A hozzáférési komponensek megvédik a felhasználót az EJB-komponens életciklusok felügyelésétől. Ez azt jelenti, hogy az EJB-komponensek ugyan olyan könnyen programozhatóak, mint a Java komponensek, ami leegyszerűsíti az EJB-komponens ügyfél programokat, és csökkenti a teljes fejlesztési időt.

Ismerje meg a JavaServer Faces technológiát és a Faces összetevőket

A JavaServer Faces technológia segíti a kiszolgálón futó dinamikus webalkalmazások felhasználói felületének felépítésében. A JavaServer Faces keretrendszer kiszolgálói kéréseken keresztül kezeli a felhasználói felület állapotát, és egyszerű modellt kínál a kiszolgáló oldali, felhasználó által kiváltott események fejlesztésére. A JavaServer Faces egy modell-nézet-vezérlő (MVC) keretrendszeren alapul. A JavaServer Faces technológiánál ez azt jelenti, hogy a vezérlő egy kiszolgáló kisalkalmazás, a modellt JavaBean komponensek képviselik, a nézet pedig JavaServer Faces összetevőkből állnak, kevés vagy egyáltalán semennyi alkalmazáskóddal. A modell célja a tartalom elválasztása a megjelenítéstől.

A Faces összetevőkhöz hasonló eszközök segítik a technológia webalkalmazásoknál használatában. A Faces összetevők közt szerepel egy JavaServer Page (JSP) egyéni címkekönyvtár, hogy kifejezhesse a JavaServer Faces felületen egy oldalon belül. A varázsló segítségével létrehozhat Faces összetevők használatára alkalmas JSP fájlokat. A Faces összetevőkkel webalkalmazást fejleszthet úgy, hogy a Paletta nézet Faces fiókjából összetevőket húz a készülő weboldalra.

Például áthúzhat és az oldal űrlapjára helyezhet egy szövegbeviteli mezőt. Ezután a szövegbeviteli mező mellé húzhat egy Elküldés gombot. Végül összekapcsolhatja a szövegbeviteli mezőt az adatforrással. Így a végfelhasználók adatokat vihetnek be a webalkalmazással az adatforrásba.

A Faces összetevőkkel felépített alkalmazások egy másik előnye az, hogy a felhasználói felület az alapul szolgáló programtól függetlenül van előállítva. Ez azt jelenti, hogy az alkalmazások különböző platformokon - például böngészőkben vagy kézi eszközökön is - futhatnak és elérhetik az adatokat.
Bővített Faces összetevőfiók a Palettán.

Relációs rekordlista hozzáadása

Ebben a leckében létre fog hozni egy relációs rekordlistát, az adatbázisban szereplő összes apróhirdetés ábrázolására. Aztán kapcsolódni fog az adatbázishoz, és kiválasztja a táblázatot, mely tartalmazza a relációs rekord listához szükséges információkat. Végül megjeleníti ezt a relációs rekord listát egy adattáblában az oldalon.
  • A relációs rekordok csupán egy rekordhoz kapcsolódnak egy adatbázisban. Ebben az esetben egy relációs rekord egyetlen apróhirdetést képvisel a minta adatbázisból. Relációs rekord használatával létrehozhat egy új rekordot, szerkeszthet egy meglévőt vagy törölhet egy régit.
  • A relációs rekord listák egy adatbázis több rekordjához kapcsolódnak. Ebben az esetben, egy relációs rekordlista kettőtől akár az összes apróhirdetésig bármennyit képviselhet a minta adatbázisban.
  • Az adattáblák az oldalon jelenítik meg a relációs rekord listából származó adatokat. Az adattáblák egyszerűen csak kijelölnek egy helyet a rekord listáknak; nem formázzák az adatokat sorokba és oszlopokba úgy, ahogy azt a HTML táblázat teszi.
    Ismerje meg az adattáblákat

    Az adattábla egy komponens a Faces JSP oldalon, ami olyan adatobjektumokat tartalmaz, mint a relációs rekordlista. Bár úgy tűnik, az adattáblákban egy HTML táblához hasonlóan sorok és oszlopok vannak, mégsem úgy működik, mint egy HTML tábla. Ha formázni kíván bemeneti és kimeneti vezérlőket, például egy táblázat esetében, akkor egy Panel - Csoportpanel használata szükséges a palettán található bővített Faces összetevők fiókból. Ezt a Gyakorlat 2.2: Adattábla formázása tartalmazza.

    Mivel az adattáblák Faces összetevők és nem HTML összetevők, felügyeletük a Tulajdonságok nézeten keresztül történik, nem az Oldaltervező nézeten keresztül. A Tulajdonságok nézet használatával a következő módokon tud személyre szabni egy adattáblát:
    • Oszlopok hozzáadása, eltávolítása és sorrendjük megváltoztatása
    • Szöveg és háttér formázása
    • Fejléc, lábléc és margók hozzáadása
    • Találati képernyő tördelése

Tegye a következőket egy új relációs rekordlista létrehozásához:

  1. A webperspektíva Projektböngésző nézetében bontsa ki a ClassifiedsTutorial > WebContent elemet.
  2. A WebContent mappában kattintson duplán az all_records.jsp fájlra. Az all_records.jsp fájl megnyílik a szerkesztőben.
  3. Törölje ki a Törzsterület alapértelmezett szövege részt.
  4. A Paletta nézetben bontsa ki az Adatfiók csomópontot.
  5. Húzza a Relációs rekordlista összetevőt a Paletta nézetből az üres tartalomterületre. Megjelenik a Relációs rekordlista hozzáadása ablak.
  6. A Név mezőbe írja be: all_recordlist. A relációs rekord lista és a relációs rekordok neve meg kell, hogy feleljen a változó nevek számára kialakított Java szabványos elnevezési megállapodásoknak (nem tartalmazhatnak például szóközt).
  7. Győződjön meg róla, hogy az Adatvezérlők hozzáadása ki van jelölve. Ha az Adatvezérlők hozzáadása ki van jelölve, a varázsló létrehoz egy adattáblát a rekord lista megjelenítésére az oldalon. Máskülönben a varázsló csak a rekord listát hozza létre az oldalon, nem pedig az oldal adatainak ábrázolását. Most a varázsló segítségével létrehozza az alapértelmezett adattáblát, melyet később fog személyre szabni. A Relációs rekordlista hozzáadása ablakban így kell kinéznie:
    Relációs rekordlista hozzáadása ablak.

    Kattintson a Tovább gombra.

  8. A Kapcsolat neve mezőben kattintson az Új gombra új adatbázis kapcsolat létrehozásához. Megjelenik az Új JDBC kapcsolat ablak. Jelölje be az Új kapcsolat létrehozása választógombot, majd kattintson a Tovább gombra.
  9. Az Adatbáziskezelő kiválasztása listában bontsa ki a Derby csomópontot, és válassza a 10.1 elemet.
  10. Az Adatbázis helye mezőben kattintson a Tallózás gombra, és jelölje ki a <munkaterület_helye>\ClassifiedsTutorial\WebContent\\database útvonalat, ahol a <munkaterület_helye> a jelenlegi munkaterület könyvtárának útvonala. Az OK gombbal zárja be a Mappa keresése ablakot.
  11. Az Osztály helye mezőbe írja be a JDBC illesztőprogram osztályt megvalósító JAR fájlok helyét, vagy a Tallózás gombra kattintva keresse meg a helyet a fájlrendszerben. A JAR fájlok helyének megadása után kattintson a Megnyitás gombra.
  12. Lehet, hogy meg kell adnia egy felhasználói azonosítót az adatbázis eléréséhez. Jelszó nem szükséges. Az Új adatbáziskapcsolat varázslónak a következőképpen kéne kinéznie:
    Új adatbáziskapcsolat ablak.
  13. Az Új JDBC kapcsolat varázslóban kattintson a Befejezés gombra. Visszatér az Új relációs rekordlista hozzáadása varázslóhoz.
  14. Kattintson a Projekt adatbáziskapcsolatainak beállítása gombra. Megjelenik a JDBC kapcsolatok tulajdonságai ablak.
  15. Kattintson a Szerkesztés gombra a Futási kapcsolatok részletei rész mellett. Futási kapcsolattípusként válassza az Illesztőprogramkezelő kapcsolat használata lehetőséget. Kattintson a Befejezés, majd az OK gombra, hogy visszatérjen a Relációs rekordlista hozzáadása párbeszédablakhoz. Most, hogy létrehozott egy kapcsolatot a Derby adatbázishoz, ki kell választania egy képviselni kívánt táblázatot vagy a rekordlistát. A Relációs rekord lista hozzáadása varázsló megmutatja az adatbázisban szereplő táblákat.
  16. Bontsa ki a W5SAMPLE csomópontot, és válassza az ADS elemet. Kattintson a Tovább gombra. A varázsló fennmaradó oldalai lehetőséget nyújtanak oszlopok kizárására a rekord listából, és további beállítások végrehajtására, mint például az elsődleges kulcs megadása, a viszonyok hozzáadása más táblákhoz, illetve a szűrő és rendezési feltételek meghatározása. A későbbi gyakorlatokban többet fog tanulni ezekről az oldalakról.
    Relációs rekordlista hozzáadása ablak
  17. A párbeszédablak Relációs rekord hozzáadása oldalán fogja megadni a relációs rekordlistában levő oszlopokat. Kattintson a Tovább gombra.
  18. Ebben az ismertetőben minden egyes apróhirdetés esetén csak a cím, leírás, kategória, ár és telefonszám tulajdonságokat kell megjelenítenie. Alapértelmezésben minden oszlop ki van jelölve; szüntesse meg az alábbiakon kívül az összes oszlop kijelölését:
    • FŐKATEGÓRIA: String
    • CÍM: String
    • LEÍRÁS: String
    • ÁR: BigDecimal
    • TELEFON: String
  19. A weboldalon finomíthat a weboldalon megjelenő adattábla szervezésén. Az oszlopok átrendezéséhez jelöljön ki egy oszlopot, és kattintson a felfelé- és lefelé mutató nyilakra, míg az oszlop a kívánt helyre kerül.
    Rendezze az oszlopokat az alábbi sorrendbe:
    • CÍM
    • LEÍRÁS
    • FŐKATEGÓRIA
    • ÁR
    • TELEFON
    Kattintson a Befejezés gombra.
    A weboldal most a következőképpen néz ki:
    Az oldal jelenlegi megjelenése.
  20. Mentse az oldalt.
A következő leckében látni fogja, hogy ez az oldal hogyan jelenik meg egy valós webkiszolgálón. Több lehetőség van az adattáblák és a JavaServer Faces összetevők formázására. Ezek közül mutat be néhányat a következő modul. Egyedül is kereshet különböző JavaServer Faces összetevőket a Tulajdonságok nézetben (például az adattábla és az egyéni kimeneti összetevőket).

Előadás ellenőrzési pont

Befejezte az 1.2-es leckét. A lecke segítségével megtanulta, hogyan hozhat létre csatlakoztatást egy adatbázishoz, valamint az adatrekordok megjelenítését egy weboldalon.

< Vissza | Tovább >