< Vissza | Tovább >

1.6. lecke: Frissítési oldal létrehozása

Ezt a pontot elérve már létrehozott listák megjelenítésére és létrehozására alkalmas oldalakat a webhelyhez. Ebben a feladatban olyan oldalt fog létrehozni, amivel a felhasználók frissíthetnek és törölhetnek listákat. A frissítés oldal pontosan úgy fog kinézni, mint a létrehozás oldal, kivéve, hogy a frissítés oldalon a beviteli mezők egy létező rekord adatait tartalmazzák, amiket a felhasználó módosíthat.

Először létre kell hoznia egy relációs rekordot, ai az adatbázis egy meglévő rekordját képviseli. Ezután létre kell hozni ehhez a relációs rekordhoz egy JavaServer Faces frissítési űrlapot, és néhány kisebb módosítás után az oldal már tesztelésre kész.

A relációs rekord frissítésének létrehozása

  1. A Projektböngésző nézetben kattintson duplán az update_record.jsp fájlra a megnyitásához.
  2. Törölje ki a Törzsterület alapértelmezett szövege részt.
  3. A Paletta nézetben kattintson az Adatok fiókra, hogy kibontsa azt.
  4. Húzza a Relációs rekord összetevőt a Paletta nézetből az üres tartalomterületre. Megjelenik a Relációs rekord hozzáadása ablak.
  5. A Név mezőbe írja be: update_record.
  6. A Vezérlők létrehozása ehhez alatt kattintson az Meglévő rekord frissítése elemre.
  7. Győződjön meg róla, hogy a Relációs rekordot a weboldalon megjelenítő bevitel/kimenet vezérlők hozzáadása beállítás ki van jelölve.
  8. Kattintson a Tovább gombra.
  9. A Tábla részben bontsa ki a W5SAMPLE csomópontot, és válassza az ADS elemet.
  10. Kattintson a Tovább gombra. Megjelenik a Relációs rekord hozzáadása oldal.

Az eredmények szűrése

Egy relációs rekord csak az adatbázis egy rekordját jelenítheti meg. Ezért szűrnie kell az adatbázist, hogy a felhasználó előtt csak egy módosítható rekord jelenjen meg. (Az előző leckében azért nem kellett szűrni az adatbázist, mert új rekordot hozott létre, így nem volt szűrni való eredmény az adatbázisből.) Mivel az adatbázis minden rekordjának egyedi azonosítója van, az eredményeket adott azonosító szerint fogja szűrni.

  1. A Relációs rekord hozzáadása oldalon van a feladathivatkozások listája. A Feladatok menüben kattintson az Eredmények szűrése lehetőségre. Megjelenik a Szűrők ablak, és beilleszti az alapértelmezett szűrőt (Azonosító = #{param.ID}) a Szűrő oszlopba. A Szűrők ablak így néz ki:
    Szűrő ablak.
    Ez a kód szűri az adatbázis rekordjait, így csak a megadott azonosítójú rekord jelenik meg a relációs rekordban. Ezt a feltételt jobban is meg fogja ismerni a lecke Sorművelet hozzáadása részében. Kattintson a Bezárás gombra.
  2. Kattintson a Tovább gombra. Megjelenik az Adatvezérlők konfigurálása oldal.
  3. A Megjelenő mezők részben törölje a mezőnevek melletti jelölőnégyzeteket, kivéve azokat, amelyeket meg kíván jeleníteni a beviteli űrlapon:
    • AZONOSÍTÓ
    • CÍM
    • LEÍRÁS
    • FŐKATEGÓRIA
    • ÁR
    • TELEFON
  4. A Fel vagy Le gombra kattintva rendezze át a mezőneveket az alábbiak szerint:
    • AZONOSÍTÓ
    • CÍM
    • LEÍRÁS
    • FŐKATEGÓRIA
    • ÁR
    • TELEFON
  5. Az azonosító mezőhöz válassza a Kimeneti mező lehetőséget a Vezérlőtípus oszlop legördülő listájáról. Habár az a cél, hogy a felhasználók megnézhessék a rekord azonosítóját, frissíteni már nem kell, hogy tudják. Az azonosító mező kimeneti mezővé alakításával elkerüli a többször szereplő azonosítók poblémáját.
  6. Kattintson a Beállítások gombra. Megjelenik a Beállítások ablak. Győződjön meg róla, hogy az Elküld gomb beállítás ki van jelölve. Írja be a Frissítés értéket a Megnevezés mezőbe. Kattintson az OK gombra. A Relációs rekord hozzáadása ablaknak a következőképpen kell kinéznie:
    Relációs rekord hozzáadása ablak.
  7. Kattintson a Befejezés gombra, hogy létrehozza az oldal frissítését, ahogy az lent látható:
    Frissített űrlapoldal.

A frissítés és törlés gombok programozása

Ismét olyan kódot vesz fel, amivel a felhasználót az all_records.jsp oldalra vezeti, ahol a többi rekorddal együtt megjelenik a módosított rekord is.

  1. Kattintson a jobb egérgombbal a weboldalon létrehozott Frissítés gombra, és válassza az előugró menü Tulajdonságok menüpontját.
  2. Kattintson a Szabály hozzáadása gombra. Megjelenik a Navigációs szabály hozzáadása ablak.
  3. Az Oldal legördülő menüből válassza az all_records.jsp elemet. A Szabályt használja mezőben kattintson a Csak ez a művelet lehetőségre. Győződjön meg róla, hogy a mező tartalmazza a következőt: #{pc_Update_record.doUpdate_recordUpdateAction}. Kattintson az OK gombra.
  4. Az 1-3. lépés ismétlésével módosítsa a kódot ugyanúgy, ahogy a weboldal Törlés gombjánál is tette. Győződjön meg róla, hogy a Szabályt használja mező tartalmazza a következőt: #{pc_Update_record.doUpdate_recordDeleteAction}.
  5. Mentse az oldalt. Ha ki szeretné próbálni, hogy új rekord hozzáadása után visszatér-e az all_records.jsp oldalra, akkor futtassa a new_record.jsp oldalt a tesztkiszolgálón.

Sorművelet hozzáadása

Most hozzá fog adni egy sorműveletet az all_records.jsp táblájához, így a felhasználó kijelölhet egy frissítendő adatbázisrekordot. A #{param.ID} azt a rekordot képviseli, amit a frissítés oldal frissíteni fog. Amikor a felhasználó egy sorra kattint, a rekord azonosítószáma #{param.ID} paraméterként az update_record.jsp oldalhoz kerül. Ezután az update_record.jsp oldalra beszúrt relációs rekord csak azt a rekordot jeleníti meg frissítéshez.

  1. A Projektböngésző nézetben kattintson duplán az all_records.jsp fájlra, hogy megnyissa a szerkesztőben. Kattintson bárhova az adattáblában. Nyissa meg a Tulajdonságok nézetet.
  2. A Tulajdonságok nézetben kattintson a HTML címkék listája közt a hx:dataTableEx alatt a Sorműveletek lapra.
  3. Kattintson a Sorra kattintáskor végrehajtandó művelet hozzáadása lehetőségre. Megjelenik a RowAction beállítása párbeszédablak. Válassza a Sorra kattintás kérést küld a kiszolgálónak, a sorinformációkkal paraméterként lehetőségre, majd az OK gombra. Egy oszlop lesz hozzáadva az adattáblához.
  4. A Tulajdonságok nézetben kattintson a hx:requestRowAction lapra.
  5. Kattintson a Szabály hozzáadása gombra. Megjelenik a Navigációs szabály hozzáadása ablak.
  6. Az Oldal legördülő menüből válassza az update_records.jsp elemet. A Szabályt használja mezőben kattintson a Csak ez a művelet lehetőségre. A Csak ez a művelet mező automatikusan feltöltődik a #{pc_All_records.doRowAction1Action} értékkel, ami a sorművelet létrehozásakor adott meg. Kattintson az OK gombra. Ha a mező nem töltődik fel automatikusan a fenti metódussal, akkor írja be a metódust a mezőbe, és adja hozzá a következőket a ClassifiedsTutorial/Java erőforrásokhoz: src/pagecode/All_records.java:
    	public String doRowAction1Action() {
    				return "";
  7. A Tulajdonságok nézetben kattintson a Paraméter lapra a hx:requestRowAction alatt. Kattintson a Paraméter hozzáadása lehetőségre, és adja meg a Név mezőben az Azonosító értéket. Az azonosító paramétert az Azonosító oszlophoz kell kötnie. A sorművelet az adatlista azonosítóoszlopához kötésével eléri, hogy amikor a sorra kattint valaki, a kérés paramétere a lista rekordjának azonosítója lesz.
    1. Kattintson az Érték, majd az Oldaladat objektumok kijelölése gombra.
    2. Az Adatobjektum lapon bontsa ki az all_recordlist (Service Data Object) > all_recordlist (ADS) menüpontot, és válassza az Azonosító (java.lang.Integer) elemet.
    3. Kattintson az OK gombra.
Most már ha egy felhasználó egy sorra kattint, a webhely lehetővé teszi, hogy frissítse a minősített hirdetés információit. Mentse el a fájlt, és ha kívánja, tesztelje az oldalt. Ne felejtse el először az all_records.jsp oldalt megnyitni, mivel ez az oldal van összekötve az update_record.jsp oldallal.

Előadás ellenőrzési pont

Befejezte az 1.6-os leckét. Ebben a leckében megtanulta, hogyan lehet egy adatbázis rekordjait frissítő weboldalt létrehozni.

< Vissza | Tovább >