Chcete-li vytvořit prázdnou stránku, vyberte Soubor > Nový > Prázdná stránka, vyberte typ stránky a klikněte na tlačítko Vytvořit.Tato stránka se stane hlavní stránkou.
Naposledy aktualizováno
25. 4. 2024
Naučte se vytvořit hlavní stránku v aplikaci Dreamweaver a vytvořit odkazy na stránku s podrobnostmi.
Poznámka
Uživatelské rozhraní v aplikaci Dreamweaver a jejích novějších verzích bylo zjednodušeno. Výsledkem je skutečnost, že některé možnosti uvedené v tomto článku nemusí být v aplikaci Dreamweaver a jejích novějších verzích k dispozici. Další informace najdete v tomto článku.
O hlavních a podrobných stránkách
Hlavní stránky a stránky s podrobnostmi jsou sady stránek používané k organizaci a zobrazení dat ze sady záznamů.Tyto stránky poskytují návštěvníkům vašeho webu přehled i podrobný pohled.Hlavní stránka zobrazuje všechny záznamy a obsahuje odkazy na stránky s podrobnostmi, které zobrazují další informace o každém záznamu.
Hlavní stránky a stránky s podrobnostmi můžete vytvořit vložením datového objektu k vytvoření hlavní stránky a stránky s podrobnostmi v jedné operaci nebo pomocí serverového chování k vytvoření hlavních stránek a stránek s podrobnostmi přizpůsobeným způsobem.Při použití serverového chování k vytvoření hlavních stránek a stránek s podrobnostmi nejprve vytvoříte hlavní stránku se seznamem záznamů a poté přidáte odkazy ze seznamu na stránky s podrobnostmi.
Vytvoření hlavní stránky
Než začnete, ujistěte se, že máte pro svůj web definováno připojení k databázi.
Definujte sadu záznamů.
Na panelu Vazby (Okno > Vazby) klikněte na tlačítko Plus (+), vyberte možnost Sada záznamů a zvolte možnosti. Pokud chcete vytvořit vlastní SQL výraz, klepněte na záložku Další volby.
Ujistěte se, že sada záznamů obsahuje všechny sloupce tabulky potřebné k vytvoření vaší hlavní stránky.Sada záznamů musí také zahrnovat sloupec tabulky obsahující jedinečný klíč každého záznamu – tedy sloupec ID záznamu.V následujícím příkladu sloupec Kód obsahuje jedinečný klíč každého záznamu.
Obvykle sada záznamů na hlavní stránce extrahuje několik sloupců z tabulky databáze, zatímco sada záznamů na stránce s podrobnostmi extrahuje více sloupců ze stejné tabulky, aby poskytla další podrobnosti.
Uživatel může sadu záznamů definovat za běhu.Další informace najdete v tématu Vytváření stránek pro vyhledávání a výsledky.
Vložte dynamickou tabulku, která zobrazí záznamy.
Umístěte kurzor na místo, kde se má na stránce zobrazit dynamická tabulka.Zvolte Vložit > Datové objekty > Dynamická data > Dynamická tabulka, nastavte možnosti a klikněte na tlačítko OK.
Pokud nechcete uživatelům zobrazovat ID záznamů, můžete sloupec z dynamické tabulky odstranit.Klikněte kamkoli na stránku, abyste přesunuli zaměření na stránku.Přesuňte kurzor k horní části sloupce v dynamické tabulce, dokud nejsou buňky sloupce ohraničeny červeně, a poté klikněte pro výběr sloupce.Stiskněte klávesu Delete a odstraňte sloupec z tabulky.
Vytváření odkazů na podrobnou stránku
Po vytvoření hlavní stránky a přidání sady záznamů vytvoříte odkazy, které otevřou stránku s podrobnostmi.Poté upravíte odkazy tak, aby předávaly ID záznamů, které uživatel vybere. Stránka s podrobnostmi použije toto ID k vyhledání požadovaného záznamu v databázi a jeho zobrazení.
Poznámka
Odkazy pro aktualizaci stránek vytvoříte stejným způsobem. Stránka výsledků je podobná hlavní stránce a aktualizační stránka je podobná stránce s podrobnostmi.
Otevřete detailní stránku a předejte ID záznamu (ColdFusion, PHP)
V dynamické tabulce vyberte zástupný symbol obsahu
pro text, který bude sloužit jako odkaz.
V inspektoru vlastností klikněte na ikonu složky u pole Odkaz.
Vyhledejte a vyberte podrobnou stránku. Detailní stránka se zobrazí
v poli Odkaz ve vlastnostech.
V dynamické tabulce je vybraný text nyní s odkazem. Když se stránka spustí na serveru, odkaz se použije na text v každém řádku tabulky.
Na hlavní stránce vyberte odkaz v dynamické tabulce.
(ColdFusion) Do pole Odkaz ve vlastnostech
přidejte na konec adresy URL následující řetězec:
?recordID=#recordsetName.fieldName#
Otazník oznámí serveru, že následuje jeden nebo více parametrů URL.Slovo recordID je název parametru URL (můžete si vymyslet libovolný název). Poznamenejte si název parametru URL, protože jej později použijete na detailní stránce.
Výraz za znaménkem rovná se je hodnota parametru. V tomto případě je hodnota generována výrazem ColdFusion, který vrací ID záznamu ze sady záznamů. Pro každý řádek v dynamické tabulce se generuje jiné ID. Ve výrazu ColdFusion nahraďte recordsetName názvem své sady záznamů a nahraďte fieldName názvem pole ve své sadě záznamů, které jednoznačně identifikuje každý záznam. Ve většině případů bude pole obsahovat číslo ID záznamu. V následujícím příkladu pole obsahuje jedinečné kódy umístění.
locationDetail.cfm?recordID=#rsLocations.CODE#
Když se stránka spustí, hodnoty pole CODE sady záznamů se vloží do odpovídajících řádků v dynamické tabulce. Pokud má například půjčovna v Canbeře v Austrálii kód CBR, použije se v řádku Canberra v dynamické tabulce následující URL:
locationDetail.cfm?recordID=CBR
(PHP) Do pole Odkaz ve vlastnostech přidejte
na konec adresy URL následující řetězec:
?recordID=<?php echo $row_recordsetName['fieldName']; ?>
Otazník oznámí serveru, že následuje jeden nebo více parametrů URL. Slovo recordID je název parametru URL (můžete použít libovolný název). Poznamenejte si název parametru URL, protože jej budete později používat na stránce s podrobnostmi.
Výraz za znaménkem rovná se je hodnota parametru. V tomto případě je hodnota generována výrazem PHP, který vrací ID záznamu ze sady záznamů. Pro každý řádek v dynamické tabulce je generováno jiné ID. Ve výrazu PHP nahraďte recordsetName názvem sady záznamů a nahraďte fieldName názvem pole v sadě záznamů, které jednoznačně identifikuje každý záznam.Ve většině případů bude pole obsahovat číslo ID záznamu. V následujícím příkladu se pole skládá z jedinečných kódů míst.
locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
Při spuštění stránky se hodnoty pole CODE sady záznamů vkládají do odpovídajících řádků dynamické tabulky. Například pokud má půjčovna v Canbeře v Austrálii kód CBR, použije se následující URL v řádku Canberra v dynamické tabulce:
locationDetail.php?recordID=CBR
Uložte stránku.
Otevřete stránku s podrobnostmi a předejte ID záznamu (ASP)
Vyberte dynamický obsah, který bude zároveň
fungovat jako odkaz.
Na panelu Chování serveru (Okno > Chování
serveru) klikněte na tlačítko Plus (+) a v místní nabídce vyberte
Přejít na stránku s podrobnostmi.
V poli Podrobná stránka klepněte na tlačítko Procházet a vyhledejte stránku.
Zadejte hodnotu, kterou chcete předat na stránku
s podrobnostmi, výběrem sady záznamů a sloupce z místních nabídek
Sada záznamů a Sloupec. Obvykle je hodnota jedinečná pro záznam,
například jedinečné klíčové ID záznamu.
Pokud chcete, předejte existující parametry stránky
na stránku s podrobnostmi výběrem možností Parametry URL nebo Parametry
formulářů.
Klikněte na tlačítko OK.
Okolo vybraného textu se objeví speciální odkaz. Když uživatel klikne na odkaz, chování serveru Přejít na stránku s podrobnostmi předá parametr URL obsahující ID záznamu na stránku s podrobnostmi. Například pokud se parametr URL nazývá id a stránka s podrobnostmi se nazývá customerdetail.asp, URL vypadá přibližně takto, když uživatel klikne na odkaz:
http://www.mysite.com/customerdetail.asp?id=43
První část URL, http://www.mysite.com/customerdetail.asp, otevře stránku s podrobnostmi. Druhá část, ?id=43, je parametr URL. Informuje podrobnou stránku, který záznam má najít a zobrazit. Výraz id je název parametru URL a 43 je jeho hodnota. V tomto příkladu parametr URL obsahuje číslo ID záznamu, 43.
Najděte a zobrazte požadovaný záznam na stránce s podrobnostmi
Aby bylo možné zobrazit záznam požadovaný hlavní stránkou, musíte definovat sadu záznamů pro uložení jednoho záznamu a spojit sloupce sady záznamů se stránkou s podrobnostmi.
Přepněte na podrobnou stránku. Pokud ještě nemáte stránku s podrobnostmi, vytvořte prázdnou stránku (Soubor > Nový).
Na panelu Vazby (Okno > Vazby) klikněte na tlačítko Plus (+) a z místní nabídky vyberte Sada záznamů (Dotaz) nebo Sada dat (Dotaz).
Objeví se jednoduché dialogové okno Sada záznamů nebo Sada dat. Pokud se místo toho objeví rozšířené dialogové okno, klikněte na Jednoduché.
Pojmenujte sadu záznamů a vyberte zdroj dat a
databázovou tabulku, která bude poskytovat data vaší sadě záznamů.
V oblasti Sloupce vyberte sloupce tabulky, které chcete zahrnout
do sady záznamů.
Sada záznamů může být identická nebo odlišná od sady záznamů na hlavní stránce.Sada záznamů na stránce s podrobnostmi obvykle obsahuje více sloupců pro zobrazení dalších podrobností.
Pokud jsou sady záznamů odlišné, ujistěte se, že sada záznamů na stránce s podrobnostmi obsahuje alespoň jeden sloupec společný se sadou záznamů na hlavní stránce.Společný sloupec je obvykle sloupec ID záznamu, ale může to být také pole spojení souvisejících tabulek.
Chcete-li zahrnout do sady záznamů pouze některé sloupce tabulky, klikněte na Vybrané a zvolte požadované sloupce kliknutím při stisknuté klávese Ctrl (Windows) nebo Command (Macintosh) v seznamu.
Dokončete sekci Filtr tak, abyste našli a zobrazili
záznam uvedený v parametru URL předaném hlavní stránkou:
Z první místní nabídky v oblasti Filtr vyberte sloupec v sadě záznamů obsahující hodnoty, které se shodují s hodnotou parametru URL předaného hlavní stránkou.Například pokud parametr URL obsahuje číslo ID záznamu, vyberte sloupec obsahující čísla ID záznamů.V příkladu diskutovaném v předchozí sekci sloupec sady záznamů nazvaný CODE obsahuje hodnoty, které se shodují s hodnotou parametru URL předaného hlavní stránkou.
Z místní nabídky vedle první nabídky vyberte znaménko rovná se (mělo by již být vybráno).
Z třetí rozbalovací nabídky vyberte volbu Parametr URL. Hlavní stránka používá parametr URL k předání informací stránce s podrobnostmi.
Do čtvrtého pole zadejte název parametru URL předaného hlavní stránkou.
Klikněte na tlačítko OK. V panelu Svázání se objeví sada záznamů.
Propojte sloupce sady záznamů se stránkou s podrobnostmi výběrem sloupců na panelu Vazby (Okno > Vazby) a jejich přetažením na stránku.
Po nahrání hlavní i detailní stránky na server můžete otevřít hlavní stránku v prohlížeči.Po kliknutí na odkaz s podrobnostmi na hlavní stránce se otevře stránka s podrobnostmi s více informacemi o vybraném záznamu.
Vyhledání konkrétního záznamu a jeho zobrazení na stránce (ASP)
Můžete přidat chování serveru, které najde konkrétní záznam v sadě záznamů, abyste mohli zobrazit data záznamu na stránce.Chování serveru je dostupné pouze při používání serverového modelu ASP.
Vytvořte stránku, splňující následující předpoklady:
ID záznamu obsažené v parametru URL předaném jinou stránkou aktuální stránce.Můžete vytvořit parametry URL na druhé stránce pomocí HTML hypertextových odkazů nebo pomocí HTML formuláře.Další informace najdete v tématu Použití formulářů k shromažďování informací od uživatelů.
Pro aktuální stránku musí být definována sada záznamů. Chování serveru extrahuje podrobnosti záznamu z této sady záznamů.Pokyny najdete v tématu Definování sady záznamů bez psaní SQL nebo Definování pokročilé sady záznamů psaním SQL.
Se stránkou musí být svázány sloupce sady záznamů. Na stránce se musí zobrazit konkrétní záznam.Další informace najdete v tématu Vytvoření dynamického textu.
Přidejte chování serveru pro vyhledání záznamu určeného parametrem URL kliknutím na tlačítko Plus (+) na panelu Chování serveru (Okno > Chování serveru) a výběrem možnosti Stránkování sady záznamů > Přesunout na konkrétní záznam.
V rozbalovací nabídce Přesunout na záznam vyberte sadu záznamů, kterou jste definovali pro stránku.
V rozbalovací nabídce Sloupec podmínky vyberte sloupec, který obsahuje hodnotu předanou jinou stránkou.
Například pokud jiná stránka předává číslo ID záznamu, vyberte sloupec obsahující čísla ID záznamů.
Do pole Odpovídá parametru URL zadejte název parametru URL předaného jinou stránkou.
Například pokud adresa URL, kterou jiná stránka použila k otevření podrobné stránky, je id=43, zadejte id do pole Odpovídá parametru URL.
Klikněte na tlačítko OK.
Při příštím vyžádání stránky prohlížečem chování serveru přečte ID záznamu v parametru URL předaném jinou stránkou a přesune se na určený záznam v sadě záznamů.
Vytvořit hlavní a podrobné stránky v jedné operaci
Při vývoji webových aplikací můžete rychle vytvořit hlavní a podrobné stránky pomocí datového objektu Master Detail Page Set.
Pro vytvoření prázdné dynamické stránky vyberte Soubor > Nový > Prázdná stránka, vyberte dynamickou stránku ze seznamu Typ stránky a klikněte na Vytvořit.
Tato stránka se stane hlavní stránkou.
Definujte sadu záznamů pro stránku.
Ujistěte se, že sada záznamů obsahuje nejen všechny sloupce, které budete potřebovat pro hlavní stránku, ale také všechny sloupce, které budete potřebovat pro stránku s podrobnostmi.Obvykle sada záznamů na hlavní stránce extrahuje několik sloupců z databázové tabulky, zatímco sada záznamů na podrobné stránce extrahuje více sloupců ze stejné tabulky, aby poskytla další podrobnosti.
Otevřete hlavní stránku v zobrazení Návrh a vyberte Vložit > Datové objekty > Sada hlavní a podrobné stránky.
V rozbalovací nabídce Sada záznamů zkontrolujte, že je vybrána sada záznamů obsahující záznamy, které chcete zobrazit na hlavní stránce.
V oblasti Pole hlavní stránky vyberte sloupce sady záznamů, které se mají zobrazit na hlavní stránce.
Ve standardním nastavení jsou vybrány všechny sloupce sady záznamů. Pokud vaše sada záznamů obsahuje sloupec s jedinečným klíčem, například recordID, vyberte ho a klikněte na tlačítko Mínus (-), aby se nezobrazoval na vaší stránce.
Pro změnu pořadí, ve kterém se sloupce zobrazují na hlavní stránce, vyberte sloupec v seznamu a klikněte na šipku nahoru nebo dolů.
Na hlavní stránce budou sloupce sady záznamů uspořádány horizontálně v tabulce.Kliknutím na šipku nahoru přesunete sloupec doleva; kliknutím na šipku dolů přesunete sloupec doprava.
V rozbalovací nabídce Odkaz na podrobnosti z vyberte sloupec v sadě záznamů, který bude zobrazovat hodnotu, která zároveň slouží jako odkaz na podrobnou stránku.
Pokud například chcete, aby každý název produktu na vaší hlavní stránce obsahoval odkaz na stránku s podrobnostmi, vyberte sloupec sady záznamů obsahující názvy produktů.
V rozbalovací nabídce Předat jedinečný klíč vyberte sloupec
v sadě záznamů obsahující hodnoty identifikující záznamy.
Obvykle vyberete sloupec, který obsahuje identifikátor záznamu. Tato hodnota je předána stránce s podrobnostmi, aby mohla identifikovat záznam vybraný uživatelem.
Zrušte výběr možnosti Číselné, pokud sloupec jedinečného klíče
neobsahuje číselné hodnoty.
Poznámka
Tato možnost je ve výchozím nastavení vybrána; nezobrazuje se u všech modelů serverů.
Zadejte počet záznamů, které se mají zobrazit na hlavní
stránce.
V poli Název stránky s podrobnostmi klikněte na tlačítko Procházet a vyhledejte
soubor stránky s podrobnostmi, který jste vytvořili, nebo zadejte název a nechte datový
objekt vytvořit stránku za vás.
V oblasti Pole stránky s podrobnostmi vyberte sloupce,
které se mají zobrazit na stránce s podrobnostmi.
Ve výchozím nastavení jsou vybrány všechny sloupce v sadě záznamů hlavní stránky. Pokud sada záznamů obsahuje sloupec jedinečného klíče, například recordID, vyberte jej a klikněte na tlačítko Mínus (-), aby se nezobrazoval na stránce s podrobnostmi.
Chcete-li změnit pořadí, ve kterém se sloupce zobrazují na
stránce s podrobnostmi, vyberte sloupec v seznamu a klikněte na šipku nahoru nebo dolů.
Na stránce s podrobnostmi jsou sloupce sady záznamů uspořádány svisle v tabulce.Kliknutím na šipku nahoru přesunete sloupec nahoru; kliknutím na šipku dolů přesunete sloupec dolů.
Klikněte na tlačítko OK.
Datový objekt vytvoří stránku s podrobnostmi (pokud jste ji ještě nevytvořili) a přidá dynamický obsah a chování serveru na hlavní i podrobné stránky.
Přizpůsobte rozložení hlavních stránek a stránek s podrobnostmi
svým potřebám.
Rozložení každé stránky můžete plně přizpůsobit pomocí nástrojů pro návrh stránek v aplikaci Dreamweaver. Chování serveru můžete také upravit poklepáním na ně na panelu Chování serveru.
Po vytvoření hlavních stránek a stránek s podrobnostmi pomocí datového objektu použijte panel Chování serveru (Okno > Chování serveru) k úpravě různých stavebních bloků, které datový objekt vkládá do stránek.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
