Dinamikus információk megjelenítése weboldalakról a JavaServer Faces segítségével > Modul 2: Fejlett szolgáltatások hozzáadása >
< Vissza | Tovább >

2.2. lecke: A fájlfeltöltő összetevő használata

Ezen lecke segítségével ruházhatja fel a felhasználókat azzal a képességgel, hogy képeket töltsenek fel a minősített hirdetésekhez. Ez a funkció gyakorlatilag a new_record.jsp és update_record.jsp oldalakon fontos. A fájlfeltöltés összetevő lehetővé teszi a felhasználók számára, hogy tallózzanak a fájlrendszerben, fájlt töltsenek fel az adatbázisba, és hogy azonnal megjelenítsék ezt a fájlt az adatbázisban.

Mivel a fájlfeltöltés összetevő használatának módja hasonló a létrehozás és a frissítés esetén is, ez a gyakorlat lehetővé teszi a frissítés oldal számára bármely felsorolás jelenlegi képének módosítását. Ha kívánja, ugyanezek a módosítások elvégezhetők az új rekord oldalon is, amikor végzett a frissítés oldalon.

Az aktuális fotó hozzáadása az oldalhoz

Látni fogja, hogy a frissítési összetevő nem más, mint egy HTML táblázat statikus szövegrészekkel és beviteli összetevőkkel bővítve, melyek az update_record relációs rekord bizonyos oszlopaihoz vannak kötve. Ennek ismeretében bármely más HTML táblázat módosításához hasonlóan változtathatja meg az űrlapot is sorok és oszlopok hozzáadásával. A következő lépések során egy új sort fog felvenni, amely a jelenlegi fotót jeleníti meg.

Relációs rekordlistát megjelenítő adattáblában bonyolultabb a sorok és oszlopok hozzáadása. További információkat az oszlopok adattáblához adásáról az 1.2. lecke: Csatlakozás egy adatbázishoz, és adatok megjelenítése egy weboldalon részben talál.

  1. Kattintson duplán a Projektböngésző nézetben az update_record.jsp oldalra.
  2. Helyezze a kurzort a táblázat első (bal felső) cellájába. A cella címkéje: Azonosító.
  3. A főmenüben kattintson a Tábla > Meghatározás és hozzáadás menüpontra. Megjelenik a Sorok vagy oszlopok hozzáadása párbeszédablak. Kattintson a Sorok, majd a Kijelölt cella fölé gombra. Ezzel létrehoz egy új sort a tábla tetején, ami a rekord aktuális fotóját tartalmazza. Kattintson az OK gombra.
  4. Az új sor bal cellájába írja be megnevezésként az Aktuális fotó: értéket.
  5. Húzzon egy Kép összetevőt a Paletta Faces összetevők fiókjából az új sor jobb első cellájába. Az előző gyakorlattól eltérően most engedélyezi majd a felhasználónak a teljes kép megtekintését a méret korlátozása nélkül, tehát ne változtassa meg a szélességet és a magasságot a Tulajdonságok nézetben.
  6. A FOTÓ oszlop Oldaladatok nézetből az új kép összetevőbe húzásával kösse a képösszetevőt az update_record FOTÓ oszlopához. A kép összetevő most már hozzá van kötve az adatbázis FOTÓ oszlopához.
  7. Miközben a kép továbbra is ki van jelölve, menjen a Tulajdonságok nézetbe, és kattintson a Típus mező melletti Oldaladat objektum kiválasztása gombra. Megjelenik az Oldaladat objektum kiválasztása ablak.
  8. Kattintson az update_record (Service Data Object) > update_record (ADS) > IMAGETYPE (karaktersorozat) menüpontra.
  9. Kattintson az OK gombra. Az oldal most megjeleníti az apróhirdetés jelenlegi fotóját, ha létezik ilyen. Az oldalnak a következőképpen kell kinéznie:
    Jelenlegi oldalmegjelenés.

Fájlfeltöltési összetevő hozzáadása az oldalhoz

Vegyen fel egy új sort a táblázat alján, és ez tartalmazza a fájlfeltöltés összetevőt.
  1. Az utolsó sorra kattintva helyezze oda a kurzort.
  2. A menüsorban kattintson a Tábla > Sor hozzáadása lentre menüpontra.
  3. A sor első cellájának címkéjeként írja be az Új fotó: szöveget.
  4. Az új sor utolsó cellájába húzzon be egy Fájlfeltöltés összetevőt a Paletta Faces összetevők fiókjából.
  5. A képösszetevő kötéséhez hasonkóan kösse a fájlfeltöltés összetevőt a update_record relációs rekord FOTÓ oszlopához. A {FOTÓ} felirat jelenik meg a szövegmezőben, jelezve, hogy ez az összetevő a {FOTÓ} oszlophoz van kötve, és hogy a feltöltött fájl kerül majd ebbe az oszlopba. Az oldalnak a következőképpen kell kinéznie:
    Jelenlegi oldalmegjelenés.
  6. Mentse az oldalt, és kívánság szerint tesztelje azt.

Előadás ellenőrzési pont

Befejezte a 2.2-es leckét. Megtanulta, hogyan kezelheti a frissítés oldal tábláját, hogyan adhatja az aktuális fotót a távlához, illetve hogy hogyan adhat egy fájlfeltöltési összetevőt a táblához.

< Vissza | Tovább >