Vytvoření stránky pro aktualizaci záznamu v aplikaci Dreamweaver

Naposledy aktualizováno 25. 4. 2024
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 stránkách, které aktualizují záznam

Vaše aplikace může obsahovat sadu stránek, které umožňují uživatelům aktualizovat stávající záznamy v tabulce databáze. Tyto stránky se běžně skládají ze stránky pro vyhledávání, stránky s výsledky a stránky pro aktualizaci. Stránka pro vyhledávání a výsledky umožňuje uživatelům načíst záznam a stránka pro aktualizaci umožňuje uživatelům záznam upravit.

Vyhledání záznamu pro aktualizaci

Pokud uživatelé chtějí aktualizovat záznam, musí nejdříve najít tento záznam v databázi. Proto potřebujete stránku pro vyhledávání a stránku s výsledky, abyste mohli pracovat se stránkou pro aktualizaci.Uživatel zadá kritéria vyhledávání na stránce pro vyhledávání a vybere záznam na stránce s výsledky. Když uživatel klikne na záznam na stránce s výsledky, stránka pro aktualizaci se otevře a zobrazí záznam v HTML formuláři.

Po vytvoření stránek pro vyhledávání a výsledky vytvoříte odkazy na stránce s výsledky pro otevření stránky pro aktualizaci. Poté upravíte odkazy tak, aby předávaly ID záznamů, které uživatel vybere. Stránka pro aktualizaci použije toto ID k nalezení požadovaného záznamu v databázi a jeho zobrazení.

Použijete stejný postup k otevření stránky pro aktualizaci a předání ID záznamu jako k otevření stránky s podrobnostmi a předání ID záznamu. Další informace naleznete v části Vytvoření odkazů na stránku s podrobnostmi.

Nalezení záznamu pro aktualizaci

Poté, co stránka s výsledky předá ID záznamu stránce pro aktualizaci identifikující záznam k aktualizaci, musí stránka pro aktualizaci přečíst parametr, načíst záznam z tabulky databáze a uložit jej dočasně do sady záznamů.

Vytvořte stránku v aplikaci Dreamweaver a uložte ji.

Tato stránka se stane stránkou aktualizace.

V panelu Vazby (Okno > Vazby) klikněte na tlačítko Plus (+) a vyberte možnost Sada záznamů.

Pokud se zobrazí rozšířené dialogové okno, klikněte na tlačítko Jednoduché. Pokročilé dialogové okno obsahuje textovou oblast pro zadávání příkazů SQL; jednoduché nikoliv.

Pojmenujte sadu záznamů a pomocí rozevíracích nabídek Připojení a Tabulka určete, kde se nachází data, která chcete aktualizovat.
Klikněte na možnost Vybrané a vyberte klíčový sloupec (obvykle sloupec s ID záznamu) a sloupce obsahující data, která mají být aktualizována.
Nakonfigurujte oblast Filtr tak, aby hodnota vašeho klíčového sloupce byla rovna hodnotě odpovídajícího parametru URL předaného stránkou s výsledky.

Tento typ filtru vytvoří sadu záznamů obsahující pouze záznam určený stránkou s výsledky. Například pokud váš klíčový sloupec obsahuje informace o ID záznamu a nazývá se PRID, a pokud stránka s výsledky předává odpovídající informace o ID záznamu v parametru URL s názvem id, oblast Filtr by měla vypadat jako následující příklad:

Oblast filtru

Klikněte na tlačítko OK.

Když uživatel vybere záznam na stránce s výsledky, stránka pro aktualizaci vygeneruje sadu záznamů obsahující pouze vybraný záznam.

Dokončení stránky pro aktualizaci blok po bloku

Stránka aktualizace je tvořena třemi bloky:

  • Filtrovaná sada záznamů pro načtení záznamu z databázové tabulky
  • Formulář HTML, který uživateli umožní změnit data záznamu
  • Chování serveru Aktualizovat záznam k aktualizaci tabulky databáze

    Poslední dva základní stavební bloky stránky pro aktualizaci můžete přidat samostatně pomocí nástrojů formuláře a panelu Server Behaviors.

Přidání formuláře HTML na stránku aktualizace

Vytvořte stránku (Soubor > Nový > Prázdná stránka). Tato stránka se stane stránkou aktualizace.
Rozložte stránku pomocí návrhových nástrojů aplikace Dreamweaver.
Přidejte formulář HTML tak, že umístíte kurzor na místo, kde se má formulář zobrazit, a vyberete Vložit > Formulář > Formulář.

Na stránce se objeví prázdný formulář. Možná budete muset povolit Neviditelné prvky (Zobrazit > Vizuální pomůcky > Neviditelné prvky), abyste viděli hranice formuláře, které jsou znázorněny tenkými červenými čarami.

Pojmenujte formulář HTML kliknutím na značku <form> ve spodní části okna dokumentu pro výběr formuláře, otevřením Inspektoru vlastností (Okno > Vlastnosti) a zadáním názvu do pole Název formuláře.

Nemusíte specifikovat atribut action nebo method pro formulář, abyste mu řekli, kam a jak odeslat data záznamu, když uživatel klikne na tlačítko Odeslat.Chování serveru Aktualizovat záznam nastaví tyto atributy za vás.

Přidejte objekt formuláře, například textové pole (Vložit > Formulář > Textové pole) pro každý sloupec, který chcete aktualizovat v databázové tabulce.

Objekty formuláře slouží k zadávání dat. Textová pole jsou pro tento účel běžná, ale můžete také použít nabídky, volby a přepínače.

Každý objekt formuláře by měl mít odpovídající sloupec v sadě záznamů, kterou jste definovali dříve. Jedinou výjimkou je sloupec jedinečného klíče, který by neměl mít odpovídající objekt formuláře.

Přidejte do formuláře tlačítko Odeslat (Vložit > Formulář > Tlačítko).

Popisek tlačítka Odeslat můžete změnit tak, že vyberete tlačítko, otevřete Inspektor vlastností (Okno > Vlastnosti) a zadáte novou hodnotu do pole Popisek.

Zobrazení záznamu ve formuláři

Ujistěte se, že jste definovali sadu záznamů pro uložení záznamu, který chce uživatel aktualizovat.

Přidat chování serveru pro aktualizaci databázové tabulky

Na panelu Server Behaviors (Okno > Server Behaviors) klikněte na tlačítko Plus (+) a vyberte Aktualizovat záznam z místní nabídky.

Objeví se dialogové okno Aktualizovat záznam.

Vyberte formulář z rozbalovací nabídky Odeslat hodnoty z.
V místní nabídce Zdroj dat nebo Připojení vyberte připojení k databázi.
Zadejte jméno uživatele a heslo, pokud se používá.
V rozbalovací nabídce Aktualizovat tabulku vyberte databázovou tabulku, která obsahuje záznam, který aktualizujete.
(ColdFusion, PHP) Zadejte sloupec databáze k aktualizaci, vyberte objekt formuláře, který bude sloupec aktualizovat z rozbalovací nabídky Hodnota, vyberte datový typ pro objekt formuláře z rozbalovací nabídky Odeslat jako a vyberte Primární klíč, pokud chcete tento sloupec identifikovat jako primární klíč.

Datový typ je druh dat, který sloupec v databázové tabulce očekává (text, číselné, booleovské hodnoty).

Postup opakujte pro každý objekt formuláře ve vašem formuláři.

(ASP) V rozbalovací nabídce Vybrat záznam z určete sadu záznamů, která obsahuje záznam zobrazený v HTML formuláři.V rozbalovací nabídce Jedinečný klíč sloupce vyberte klíčový sloupec (obvykle sloupec ID záznamu) pro identifikaci záznamu v databázové tabulce.Pokud je hodnota číselná, zaškrtněte volbu Číselný. Sloupec klíče obvykle přijímá pouze číselné hodnoty, ale někdy přijímá textové hodnoty.
Do pole Po aktualizaci nebo Po úspěchu, přejít na zadejte stránku, kterou chcete otevřít po aktualizaci záznamu v tabulce, nebo klikněte na tlačítko Procházet a přejděte k souboru.
(ASP) Zadejte sloupec databáze k aktualizaci, vyberte objekt formuláře, který bude sloupec aktualizovat z kontextové nabídky Hodnota, a poté vyberte datový typ pro objekt formuláře z kontextové nabídky Odeslat jako.Datový typ je druh dat, který sloupec v databázové tabulce očekává (text, číselné, logické hodnoty).Postup opakujte pro všechny objekty formuláře.
Klikněte na tlačítko OK.

Dreamweaver přidá na stránku serverové chování, které umožňuje uživatelům aktualizovat záznamy v databázové tabulce úpravou informací zobrazených ve formuláři HTML a kliknutím na tlačítko Odeslat.

Chcete-li upravit serverové chování, otevřete panel Serverová chování (Okno > Serverová chování) a poklepejte na chování Aktualizovat záznam.

Dokončit stránku aktualizace v jedné operaci

Stránka aktualizace má tři stavební bloky:

  • Filtrovaná sada záznamů k načtení záznamu z databázové tabulky

  • Formulář HTML, který uživateli umožní změnit data záznamu

  • Serverové chování Aktualizovat záznam, které aktualizuje databázovou tabulku

Poslední dva stavební bloky stránky aktualizace můžete přidat v jedné operaci pomocí datového objektu Formulář aktualizace záznamu.Datový objekt přidá na stránku formulář HTML i serverové chování Aktualizovat záznam.

Než budete moci použít datový objekt, vaše webová aplikace musí být schopna identifikovat záznam k aktualizaci a vaše stránka aktualizace ho musí být schopna načíst.

Po umístění stavebních bloků na stránku datovým objektem můžete použít návrhové nástroje aplikace Dreamweaver k přizpůsobení formuláře podle svých představ nebo panel Serverová chování k úpravě serverového chování Aktualizovat záznam.

Poznámka

Stránka aktualizace může současně obsahovat pouze jedno serverové chování pro úpravy záznamů.Například nemůžete přidat serverové chování Vložit záznam nebo Smazat záznam na stránku aktualizace.

Otevřete stránku v zobrazení Návrh a vyberte Vložit > Datové objekty > Aktualizovat záznam > Průvodce formulářem aktualizace záznamu.

Zobrazí se dialogové okno Formulář aktualizace záznamu.

V kontextové nabídce Připojení vyberte připojení k databázi.

Pokud potřebujete definovat připojení, klikněte na tlačítko Definovat.

V kontextové nabídce Tabulka k aktualizaci vyberte databázovou tabulku, která obsahuje záznam k aktualizaci.
V kontextové nabídce Vybrat záznam z zadejte sadu záznamů, která obsahuje záznam zobrazený ve formuláři HTML.
V rozbalovací nabídce Sloupec jedinečného klíče vyberte klíčový sloupec (obvykle sloupec ID záznamu) pro identifikaci záznamu v databázové tabulce.

Pokud je hodnota číselná, zaškrtněte volbu Číselný. Klíčový sloupec obvykle přijímá pouze číselné hodnoty, ale někdy přijímá textové hodnoty.

Do pole Po aktualizaci přejít na zadejte stránku, která se otevře po aktualizaci záznamu v tabulce.
V oblasti Pole formuláře určete, které sloupce v databázové tabulce má každý objekt formuláře aktualizovat.

Ve výchozím nastavení Dreamweaver vytvoří objekt formuláře pro každý sloupec v databázové tabulce. Pokud vaše databáze automaticky generuje jedinečná klíčová ID pro každý nový vytvořený záznam, odeberte objekt formuláře odpovídající klíčovému sloupci jeho výběrem v seznamu a kliknutím na tlačítko Minus (-). Tím se eliminuje riziko, že uživatel formuláře zadá hodnotu ID, která již existuje.

Můžete také změnit pořadí objektů formuláře na HTML formuláři výběrem objektu formuláře v seznamu a kliknutím na šipku nahoru nebo dolů na pravé straně dialogového okna.

Určete, jak se má každé pole pro zadávání dat zobrazit na HTML formuláři kliknutím na řádek v tabulce Pole formuláře a zadáním následujících informací do polí pod tabulkou:
  • Do pole Popis zadejte popisný název, který bude zobrazen u pole pro zadávání dat. Ve výchozím nastavení aplikace Dreamweaver zobrazuje název sloupce tabulky v popisku.

  • Z rozbalovací nabídky Zobrazit jako vyberte objekt formuláře, který bude sloužit jako pole pro zadávání dat. Můžete vybrat volbu Textové pole, Textová oblast, Nabídka, Zaškrtávací pole, Přepínací tlačítka a Text. Pro položky, které jsou jen pro čtení, vyberte volbu Text. Můžete také vybrat volbu Pole hesla, Pole souboru a Skryté pole.

Poznámka

Skrytá pole se vkládají na konec formuláře.

  • V nabídce Odeslat jako vyberte formát dat, který databázová tabulka očekává. Pokud například sloupec tabulky přijme jen číselná data, vyberte volbu Číslo.
  • Nastavte vlastnosti objektu formuláře. Máte různé volby podle toho, jaký objekt formuláře vyberete jako pole pro zadávání dat. Pro textová pole, textové rámečky a text můžete zadat počáteční hodnotu. Pro nabídky a skupiny přepínacích tlačítek můžete vlastnosti nastavit po otevření dalšího dialogového okna. Pro volby můžete vybrat volby Zaškrtnuté nebo Nezaškrtnuté.  
Nastavte vlastnosti dalších objektů formuláře výběrem jiného řádku Pole formuláře a zadáním popisku, hodnoty Zobrazit jako a hodnoty Odeslat jako.

Pro nabídky a skupiny přepínačů otevřete jiné dialogové okno pro nastavení vlastností. Pro možnosti definujte porovnání mezi hodnotou aktuálního záznamu pro možnost a danou hodnotou pro určení, zda je možnost zaškrtnuta při zobrazení záznamu.

Klikněte na tlačítko OK.

Dreamweaver přidá na vaši stránku HTML formulář i chování serveru Aktualizovat záznam.

Datový objekt přidá na vaši stránku HTML formulář i chování serveru Aktualizovat záznam. Objekty formuláře jsou rozloženy v základní tabulce, kterou můžete přizpůsobit pomocí nástrojů pro návrh stránky v aplikaci Dreamweaver. (Ujistěte se, že všechny objekty formuláře zůstávají v hranicích formuláře.)

Pro úpravu chování serveru otevřete panel Chování serveru (Okno > Chování serveru) a dvakrát klikněte na chování Aktualizovat záznam.

Volby vlastností elementu formuláře

Účelem dialogového okna Vlastnosti prvku formuláře je nastavit možnosti pro prvky formuláře na stránkách, které umožňují uživatelům aktualizovat záznamy v databázi.

Vyberte buď Ručně nebo Z databáze, v závislosti na tom, jak plánujete vytvořit prvek formuláře.
Prvek přidáte kliknutím na tlačítko plus (+).
Zadejte popis a hodnotu elementu.
V poli Vybrat hodnotu rovná se, pokud chcete, aby byl konkrétní prvek vybrán při otevření stránky v prohlížeči nebo při zobrazení záznamu ve formuláři, zadejte hodnotu rovnou hodnotě prvku.

Můžete zadat statickou hodnotu nebo můžete určit dynamickou hodnotu kliknutím na ikonu blesku a výběrem dynamické hodnoty ze seznamu zdrojů dat. V obou případech by se hodnota, kterou uvedete, měla shodovat s jednou z hodnot prvku.