Zobrazit dynamické informace na webových stránkách s JavaServer Faces > Modul 1: Vytvoření webových stránek s datovými připojeními >
< Předchozí | Další >

Lekce 1.2: Připojení k databázi a zobrazení dat na webové stránce

V této lekci se naučíte, jak se připojit k databázi a zobrazit datové záznamy na webové stránce. Také se naučíte, jak přidat seznam relačních záznamů na webovou stránku.

Webový server v tomto výukovém programu používá dynamické webové stránky s komponentami JavaServer Faces pro zpřístupnění informací o databázi a zobrazení na stránce. Tento výukový program používá relační záznamy a seznam relačních záznamů pro znázornění dat v databázi, tak aby data byla zobrazena na stránce ve formátu tabulky dat nebo řádné tabulky HTML. Java objekty beans pro přístup jsou nyní použity těmito komponentami.

Více informací o objektech bean pro přístup k datům

Objekty bean pro přístup k datům jsou Java znázornění objektu bean enterprise bean. Jsou obvykle používány v klientských programech, které zaměstnávají soubory JavaServer Pages (JSP), servlety nebo objekty enterprise bean, které jsou v souladu s ostatními objekty enterprise bean. Přístupové objekty bean vás chrání před složitostmi správy životních cyklů enterprise bean. To znamená, že můžete programovat do enterprise beans, tak jednoduše, jak programujete do Java objektů beans, což zjednodušuje vaše klientské programy enterprise bean a zredukuje čas vývoje.

Více informací o komponentách JavaServer Faces a Faces

JavaServer Faces je technologie, která vám pomůže vystavět uživatelská rozhraní pro dynamické webové aplikace, které běží na serveru. Struktura JavaServer Faces spravuje stav UI prostřednictvím požadavků serveru a nabízí jednoduchý model pro vývoj událostí na straně serveru, které jsou aktivovány klientem. Technologie JavaServer Faces je založena na struktuře MVC (model-view-controller). Pro JavaServer Faces to znamená, že řadič je servlet, model znázorňují objekty JavaBeans, a pohled se skládá z komponent JavaServer Faces s malým nebo žádným aplikačním kódem. Cílem tohoto modelu je oddělit obsah od znázornění.

Nástroje, jako jsou komponenty Faces, vám pomohou používat tuto technologii ve webových aplikacích. Komponenty Faces zahrnují přizpůsobenou knihovnu značek JSP (JavaServer Page) pro vyjádření rozhraní JavaServer Faces na stránce. Tento průvodce vám pomůže vytvořit soubory JSP, které mohou používat komponenty Faces. Komponenty Faces vám umožňují vyvinout webovou aplikaci přetažením komponent ze zásuvky Faces v pohledu Paleta a jejich umístěním na webové stránky, které právě vytváříte.

Například, můžete přetáhnout pole s vstupním textem a uvolnit jej do formuláře na stránce. Pak můžete přetáhnout pole Zadat vedle pole se vstupním textem. Nakonec můžete připojit pole vstupního textu do vašeho zdroje dat. To umožní koncovým uživatelům zadávat data z webové aplikace do zdroje dat.

Jiná výhoda aplikací sestavených s pomocí komponent Faces je, že uživatelské rozhraní je vykresleno nezávisle na základní logice programu. To znamená, že aplikace mohou spouštět a přistupovat k datům na různých platformách, jako jsou prohlížeče nebo příruční zařízení.
Zásuvka komponent Rozšířené komponenty Faces palety.

Přidání seznamu relačních záznamů

V této lekci vytvoříte seznam relačních záznamů pro znázornění všech krátkých inzerátů v databázi. Poté se připojíte k databázi a vyberete tabulku, která zadržuje informace, které potřebujete v seznamu relačních záznamů. Nakonec zobrazíte tento seznam relačních záznamů na stránce v tabulce dat.
  • Relační záznamy se připojují pouze k jednomu záznamu z databáze. V tomto případě relační záznam představuje jediný krátký inzerát z ukázkové databáze. Použitím relačního záznamu můžete vytvořit nový záznam, upravit existující záznam nebo odstranit starý záznam.
  • Seznamy relačních záznamů se připojují k více než jednomu záznamu z databáze. V tomto případě seznam relačních záznamů znázorňuje od dvou do všech krátkých inzerátů v ukázkové databázi.
  • Tabulky dat zobrazují data ze seznamu relačních záznamů na stránce. Tabulky dat jednoduše označují místo pro seznamy záznamů; neformátují data do řádků a sloupců stejným způsobem, tak jako provádí tabulka HTML.
    Naučte se více o tabulkách dat

    Tabulka dat je komponenta ve stránce Faces JSP, která zadržuje datové objekty, jako např.: seznam relačních záznamů. Ačkoli se zdá, že tabulka dat má řádky a sloupce jako tabulka HTML, nefunguje stejně. Chcete-li formátovat vstupní a výstupní ovladače jako v tabulce, musíte použít Panel - Skupinové okénko ze zásuvky komponent Rozšířené komponenty Faces v paletě. Toto je obsaženo ve Cvičení 2.2: Formátování tabulky dat.

    Jelikož jsou tabulky dat komponentami Faces a ne komponentami HTML, jsou kontrolovány přes pohled Vlastnosti a ne přes pohled Návrháře stránek. Použitím pohledu Vlastnosti můžete přizpůsobit tabulku dat různými způsoby:
    • přidejte, odeberte a změňte pořadí sloupců
    • formátujte text a pozadí
    • přidejte hlavičku, zápatí a okraje
    • přidejte stránkování, aby se zobrazily výsledky

Vytvoření nového seznamu relačních záznamů:

  1. V pohledu Průzkumník projektů webové perspektivy klepněte pravým tlačítkem myši na ClassifiedsTutorial > WebContent.
  2. Ve složce WebContent poklepejte na all_records.jsp. Soubor all_records.jsp se otevře v editoru.
  3. Odstraňte předvolený text Předvolený obsah těla.
  4. V pohledu Paleta rozbalte zásuvku Data.
  5. Přetáhněte komponentu Seznam relačních záznamů z palety do oblasti s prázdným obsahem. Otevře se okno Přidat seznam relačních záznamů.
  6. V poli Název zadejte all_recordlist. Názvy seznamu relačních záznamů a relačních záznamů se musí podřídit Java standardním konvencím pojmenování pro názvy proměnných (např.: nemohou obsahovat žádné mezer).
  7. Ujistěte se, že je vybráno Přidat ovladače dat. Když je vybráno Přidat ovladače dat, průvodce vytvoří tabulku dat pro zobrazení seznamu záznamů na stránce. Jinak průvodce vytvoří pouze seznam záznamů a nevytvoří žádné znázornění dat na stránce. Prozatím to bude průvodce, kdo vytvoří předvolenou tabulku dat a vy ji přizpůsobíte později. Okno Přidat seznam relačních záznamů by mělo vypadat takto:
    Okno Přidání seznamu relačních záznamů.

    Klepněte na Další.

  8. V poli Název připojení na další stránce průvodce klepněte na Nový, abyste vytvořili nové připojení k databázi. Otevře se dialogové okno Nové připojení JDBC. Vyberte přepínač Vytvořit nové připojení, pak klepněte na Další.
  9. V seznamu Vybrat správce databáze rozbalte Derby, pak vyberte 10.1.
  10. V poli Umístění databáze klepněte na Procházet a vyberte <workspace_location>\ClassifiedsTutorial\WebContent\\database, kde je <workspace_location> adresářem vaší aktuální pracovní oblasti. Klepněte na OK, abyste zavřeli okno Najít složku.
  11. V poli Umístění třídy zadejte umístění souborů JAR, které implementují třídu ovladače JDBC, nebo klepněte na Procházet, abyste vybrali umístění ze systému souborů. Jakmile zvolíte umístění souborů JAR, klepněte na tlačítko Otevřít.
  12. Možná budete muset zadat ID uživatele pro přístup do databáze. Heslo není požadováno. Průvodce Nové připojení k databázi by měl vypadat takto:
    Okno Nové připojení k databázi.
  13. V průvodci Nová připojení JDBC klepněte na tlačítko Dokončit. Vrátíte se do průvodce Přidání seznamu relačních záznamů.
  14. Klepněte na Konfigurovat připojení databází projektu. Otevře se okno Vlastnosti připojení JDBC.
  15. Klepněte na Upravit vedle sekce Podrobnosti připojení běhových komponent. Vyberte Použít připojení správce ovladače jako typ připojení běhové komponenty. Klepněte na Dokončit, pak se klepnutím na OK vraťte do dialogu Přidat seznam relačních záznamů. Nyní, když jste vytvořili připojení do databáze Derby, musíte si vybrat tabulku nebo seznam záznamů pro znázornění. Průvodce Přidat seznam relačních záznamů zobrazuje tabulky v databázi.
  16. Rozbalte W5SAMPLE a vyberte ADS. Klepněte na Další. Zbývající stránky v průvodci vám umožní vyloučit sloupce z vašeho seznamu záznamů a provést rozšířené volby, jako např.: definování primárního klíče, přidání relací do jiných tabulek a určení filtru a seřazení podmínek. V dalších cvičeních se dozvíte více o těchto stránkách.
    dialog Přidat seznam relačních záznamů.
  17. Na stránce Přidání relačního záznamu v dialogovém okně uvedete sloupce, které chcete zahrnout do relačního záznamu. Klepněte na Další.
  18. Pro tento výukový program potřebuje zobrazit jen název, popis, cenovou kategorii a telefonní číslo každého krátkého inzerátu. Předvoleně jsou vybrány všechny sloupce; klepněte, abyste vyčistili všechny kromě následujících sloupců pro zobrazení:
    • HLAVNÍKATEGORIE: Řetězec
    • NÁZEV: Řetězec
    • POPIS: Řetězec
    • CENA: VelkéDesetinné
    • TELEFON: Řetězec
  19. Organizaci zobrazení tabulky dat na vaší webové stránce můžete upřesnit. Chcete-li uspořádat sloupce, vyberte sloupec a klepejte na šipky nahoru a dolů, dokud nebude sloupec v požadované pozici.
    Uspořádejte sloupce v následujícím pořadí:
    • NÁZEV
    • POPIS
    • HLAVNÍKATEGORIE
    • CENA
    • TELEFON
    Klepněte na Dokončit.
    Webová stránka nyní vypadá takto:
    Aktuální vzhled stránky.
  20. Uložte stránku.
V této lekci uvidíte, jak tato stránka vypadá na skutečném webovém serveru. Existuje mnoho voleb pro formátování tabulek dat a komponent JavaServer Faces. Některé z těchto voleb jsou zahrnuty v dalším modulu. Také můžete sami prozkoumat pohled Vlastnosti pro různé komponenty JavaServer Faces na stránce (např. tabulka dat nebo individuální výstupní komponenta).

Kontrolní bod lekce

Dokončili jste lekci 1.2. V této lekci jste se naučili, jak se připojit do databáze a zobrazit datové záznamy na webové stránce s pomocí seznamu relačních záznamů.

< Předchozí | Další >