Vytvoření stránky vložení záznamu

Naposledy aktualizováno 25. 4. 2024

Zjistěte, jak vytvářet stránky vložení záznamu ve své aplikaci Dreamweaver, které umožňují uživatelům vkládat nové záznamy v databázi.

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 vytváření stránek vložení záznamu

Vaše aplikace může obsahovat stránku, která umožňuje uživatelům vkládat nové záznamy do databáze.

Stránka vložení obsahuje dva bloky:

  • Formulář HTML, do kterého uživatelé zadají data

  • Serverové chování Vložit záznam, které aktualizuje databázi

    Když uživatel ve formuláři klepne na tlačítko Odeslat, serverové chování vloží záznamy do databázové tabulky.

    Tyto stavební bloky můžete přidat v jediné operaci pomocí datového objektu Formulář pro vložení záznamu nebo je můžete přidat samostatně pomocí nástrojů formulářů Dreamweaver a panelu Chování serveru.

Poznámka

Stránka vložení záznamu nemůže obsahovat více než jedno serverové chování, které mění záznamy v databázi. Nemůžete například do stránky vložení záznamu přidat serverové chování Aktualizovat záznam nebo Odstranit záznam.

Vytvoření stránky vložení záznamu po blocích

Stránku pro vkládání můžete také vytvořit pomocí nástrojů formulářů a chování serveru.

Přidání formuláře HTML na stránku vložení záznamu

Vytvořte dynamickou stránku (Soubor > Nový > Prázdná stránka) a rozložte stránku pomocí návrhových nástrojů aplikace Dreamweaver.
Přidejte HTML formulář umístěním kurzoru na místo, kde chcete, aby se formulář zobrazil, a vyberte Vložit > Formulář > Formulář.

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

Pojmenujte HTML formulář kliknutím na značku <form> v dolní části okna Dokument, čímž formulář vyberete, otevřete Inspektor vlastností (Okno > Vlastnosti) a zadejte název do pole Název formuláře.

Nemusíte určovat atribut action ani method u formuláře, abyste mu řekli, kam a jak odeslat data záznamu, když uživatel klikne na tlačítko Odeslat.Chování serveru Vložit 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 v tabulce databáze, do které chcete vkládat záznamy.

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, možnosti a přepínače.

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

Popisek tlačítka Odeslat můžete změnit výběrem tlačítka, otevřením Inspektora vlastností (Okno > Vlastnosti) a zadáním nové hodnoty do pole Popisek.

Přidání chování serveru pro vkládání záznamů do tabulky databáze (ColdFusion)

Na panelu Chování serveru (Okno > Chování serveru) klikněte na tlačítko Plus (+) a vyberte Vložit záznam z místní nabídky.
Vyberte formulář z rozbalovací nabídky Odeslat hodnoty z.
V místní nabídce Zdroj dat vyberte připojení k databázi.
Zadejte jméno uživatele a heslo.
V místní nabídce Vložit do tabulky vyberte tabulku databáze pro vložení záznamu.
Určete sloupec databáze pro vložení záznamu, vyberte objekt formuláře, který vloží záznam z místní nabídky Hodnota, a poté vyberte datový typ pro objekt formuláře z místní nabídky Odeslat jako.

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

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

Do pole Po vložení přejít na zadejte stránku, která se otevře po vložení záznamu do tabulky, nebo klikněte na tlačítko Procházet a vyberte soubor.
Klikněte na tlačítko OK.

Dreamweaver přidá na stránku chování serveru, které umožňuje uživatelům vkládat záznamy do tabulky databáze vyplněním HTML formuláře a kliknutím na tlačítko Odeslat.

Přidání chování serveru pro vkládání záznamů do tabulky databáze (ASP)

Na panelu Chování serveru (Okno > Chování serveru) klikněte na tlačítko Plus (+) a vyberte Vložit záznam z místní nabídky.
V místní nabídce Připojení vyberte připojení k databázi.

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

V rozbalovací nabídce Vložit do tabulky vyberte databázovou tabulku, do které má být záznam vložen.
Do pole Po vložení přejít na zadejte stránku, která se má otevřít po vložení záznamu do tabulky, nebo klikněte na tlačítko Procházet a přejděte k souboru.
V rozbalovací nabídce Získat hodnoty z vyberte HTML formulář použitý k zadávání dat.

Dreamweaver automaticky vybere první formulář na vaší stránce.

Určete databázový sloupec pro vložení záznamu, vyberte objekt formuláře, který vloží záznam z rozbalovací nabídky Hodnota, a poté vyberte datový typ pro objekt formuláře z rozbalovací nabídky Odeslat jako.

Datový typ označuje druh dat, který sloupec v databázové tabulce očekává (text, číselné hodnoty, hodnoty logických možností).

Opakujte postup pro každý objekt formuláře ve formuláři.

Klikněte na tlačítko OK.

Dreamweaver přidá na stránku chování serveru, které uživatelům umožní vkládat záznamy do databázové tabulky vyplněním HTML formuláře a kliknutím na tlačítko Odeslat.

Chcete-li upravit chování serveru, otevřete panel Chování serveru (Okno > Chování serveru) a dvakrát klikněte na položku Vložit záznam.

Přidat chování serveru pro vkládání záznamů do databázové tabulky (PHP)

Na panelu Chování serveru (Okno > Chování serveru) klikněte na tlačítko Plus (+) a z rozbalovací nabídky vyberte Vložit záznam.
Vyberte formulář z rozbalovací nabídky Odeslat hodnoty z.
V rozbalovací nabídce Připojení vyberte připojení k databázi.
V rozbalovací nabídce Vložit tabulku vyberte databázovou tabulku, do které chcete vložit záznam.
Určete databázový sloupec pro vložení záznamu, vyberte objekt formuláře, který vloží záznam z rozbalovací nabídky Hodnota, a poté vyberte datový typ pro objekt formuláře z rozbalovací nabídky Odeslat jako.

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

Opakujte postup pro každý objekt formuláře ve formuláři.

Do pole Po vložení přejít na zadejte stránku, která se má otevřít po vložení záznamu do tabulky, nebo klikněte na tlačítko Procházet a přejděte k souboru.
Klikněte na tlačítko OK.

Dreamweaver přidá na stránku chování serveru, které uživatelům umožní vkládat záznamy do databázové tabulky vyplněním HTML formuláře a kliknutím na tlačítko Odeslat.

Vytvoření stránky vložení v jednom kroku

Otevřete stránku v zobrazení Návrh a vyberte Vložit > Datové objekty > Vložit záznam > Průvodce formulářem pro vkládání záznamů.
V rozbalovací nabídce Připojení vyberte připojení k databázi. Pokud potřebujete definovat připojení, klikněte na tlačítko Definovat.
V rozbalovací nabídce Vložit do tabulky vyberte databázovou tabulku, do které má být záznam vložen.
Pokud používáte ColdFusion, zadejte uživatelské jméno a heslo.
Do pole Po vložení přejít na zadejte stránku, která se má otevřít po vložení záznamu do tabulky, nebo klikněte na tlačítko Procházet a přejděte k souboru.
V oblasti Pole formuláře určete objekty formuláře, které chcete zahrnout do HTML formuláře vkládací stránky, a 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 databáze automaticky generuje jedinečné ID klíče pro každý nově vytvořený záznam, odeberte objekt formuláře odpovídající sloupci klíče jeho výběrem v seznamu a kliknutím na tlačítko Mínus (-).Tím se eliminuje riziko, že uživatel formuláře zadá hodnotu ID, která už existuje.

Pořadí objektů formuláře v HTML formuláři můžete také změnit tak, že vyberete objekt formuláře v seznamu a kliknete na šipku nahoru nebo dolů na pravé straně dialogového okna.

Určete, jak má být každé pole pro zadávání dat zobrazeno v 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í Dreamweaver zobrazí 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 přijme. 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é.  
Klikněte na tlačítko OK.

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

Chcete-li upravit chování serveru, otevřete panel Chování serveru (Okno > Chování serveru) a poklikejte na chování Vložit záznam.