Zobrazit dynamické informace na webových stránkách s JavaServer Faces

Tento výukový program vás naučí, jak navrhnout dynamickou webovou stránku, která bude fungovat jako krátká inzertní sekce novin. Webová stránka je kompletní webová aplikace J2EE, která používá komponenty JSF (JavaServer Faces) a SDO (Service Data Objects). Webová aplikace používá technologii JSF k vytváření dynamických webových stránek, které jsou propojeny s databází, která ukládá krátká inzertní data. Přetažením komponent JSF na své stránky můžete vytvořit webovou aplikaci JSF známou jako aplikaci CRUD, protože může vytvořit, číst, aktualizovat a odstranit záznamy z databáze. Uživatelé serveru mohou tyto funkce používat pro správu krátkých inzerátů v databázi.

Tento výukový program může vyžadovat některé volitelně instalovatelné komponenty. Chcete-li se ujistit, že jste nainstalovali odpovídající volitelné komponenty, prohlédněte seznam systémových požadavků.

Po dokončení výukového programu si mohou uživatelé serveru zobrazit nejen položky určené k prodeji, ale mohou také přidávat nové položky, měnit podrobnosti o každé položce (například cenu a popis), nebo hledat konkrétní položku. I když je tento výukový program navržen jednoduše, principy a technologie, které pokrývá, se používají i na mnohem větších a komplikovanějších webových stránkách.

Cíle výuky

Tento výukový program je rozdělen na dva moduly, každý se svým vlastním cílem výuky. Můžete provést kterýkoli z těchto modulů nebo oba moduly. V každém modulu musíte dokončit cvičení, aby webová stránka správně fungovala.

Modul 1: Vytvoření webových stránek s datovými připojeními

V tomto modulu se naučíte, jak nastavit připojení k databázi a zobrazit informace z databáze na webové stránce. Naučíte se:

připojit webové stránky k databázi
vytvořit stránky, které mohou zobrazit, vytvořit, upravit a odstranit záznamy z databáze
odeslat data z jedné stránky do další

Modul 2: Přidání rozšířených funkcí

V tomto modulu se naučíte více výkonných způsobů, jak použít data z databáze. Naučíte se:

formátovat záznamy databáze na webové stránce
přidat komponentu, která umožňuje nahrání souborů do databáze u webové stránky
automaticky navigovat ze stránky na stránku
automatizovat některé administrační úlohy databáze

Až budete připraveni, začněte s Modulem 1: Vytvoření webových stránek s datovými připojeními.

Požadovaný čas

Celkem: 3 hodiny a 30 minut

Modul 1: 2 hodiny

Modul 2: 1 hodina a 30 minut

Úroveň znalostí

Střední

Publikum

Vývojáři webových aplikací, návrháři webových uživatelských rozhraní.

Systémové požadavky

Chcete-li dokončit tento výukový program, musíte nejprve nainstalovat a nakonfigurovat běhový server. Tento výukový program byl testován na následujících serverech:

WebSphere Application Server 6.1

Další informace o implementaci SDO na jiné servery než WebSphere Application Server uvádí Téma nápovědy: Implementace SDO na jiných serverech než WAS.

Tento výukový program požaduje některé schopnosti, které nebyly během instalace produktu iniciované. Pokud se vám nepodařilo najít uživatelsky definované volby ve výukovém programu, ujistěte se, že jste povolili odpovídající schopnosti (klepnutím na Okno > Předvolby > Schopnosti). Tento výukový program dokončíte pomocí následujících schopností:

Java Developer
Web Developer (typické)
XML Developer
Database Developer
Enterprise Java Developer
Data

Chcete-li použít tento výukový program, musíte mít nainstalovaný a nakonfigurovaný aplikační server. Ověřte, že je běhové prostředí serveru k dispozici, klepněte na Okno > Předvolby, rozbalte Server a pak klepněte na Instalované běhové komponenty. Můžete použít toto podokno, abyste přidali, odebrali a upravili instalovanou definici běhové komponenty. Můžete také stáhnout a instalovat podporu pro nový server.

Předpoklady

Pro dokončení tohoto výukového programu byste měli znát:

základní koncepty návrhu webové stránky, jako jsou webové servery, stránky, prohlížeče a servery
jak vytvořit jednoduchou statickou webovou stránku
prvky webové stránky, jako jsou tabulky, hypertextové odkazy, formuláře a obrazy
termíny databáze, jako jsou tabulky, záznamy, sloupce a pole

Také pomůže, pokud rozumíte:

jak použít perspektivy a pohledy pracovního prostředí
jak upravit kód HTML pro webovou stránku

Očekávané výsledky

Až bude webová aplikace dokončena, domovská stránka bude vypadat jako níže uvedený obrázek. Navigace ve webovém serveru, která se přidá na webové stránky pomocí šablony serveru, odkazuje na stránky, které vám umožňují vytvořit nové inzeráty nebo si zobrazit všechny inzeráty. Akce řádku v níže zobrazené tabulce vás přesune na aktualizovanou stránku, kde můžete měnit informace přidružené ke konkrétnímu inzerátu.