V dnešním článku se podíváme na jednoduché vytvoření vícestránkového formuláře v ASP.NET pomocí Visual Studia 2008.
Určitě jste se již někdy dostali do situace, kdy bylo potřeba vytvořit vícestránkový formulář, například objednávkový systém. Vše budu opět demonstrovat na stránkách webhostingu Stronghost.cz [ http://stronghost.cz ], konkrétně na objednávkovém systému.
Objednávka je rozdělena pro přehlednost do několika kroků:
- ověření doménového jména,
- volba tarifu,
- fakturační údaje, způsob platby,
- rekapitulace, platba.
Pro ilustraci přidávám obrázek prvního kroku objednávky:
Pojďme si nyní společně vytvořit podobný objednávkový systém v ASP.NET. Zadání úkolu je vytvoření objednávkového systému pro stránky webhostingu. Jelikož se jedná o demonstraci tvorby vícestránkových formulářů, neuvažujeme o validaci dat a ukládání do databáze.
Je čas na akci!
Nejprve musíme spustit Visual Studio 2008 a vytvořit novou Web Site pod názvem objednávka. Tento krok provedeme následovně: v menu File zvolíme položku New a vybereme Web Site…
Vybereme ASP.NET Web Site, položku Location ponecháme, v roletce Language vybereme svůj oblíbený jazyk, já ponechám Visual C#. Verzi .NET Frameworku měnit nebudeme. V cestě úložiště akorát přepíšeme WebSite1 na objednávka. Potvrdíme Ok a otevře se nám stránka Default.aspx.
K vytvoření vícestránkového formuláře využijeme ovládací prvek Wizard, který nalezneme v záložce Toolbox. Nyní se přepneme na záložku Design a umístíme prvek Wizard do prostoru div.
V dalším kroku rozšíříme formulář o další dva kroky a upravíme názvy kroků. Tuto úpravu provedeme následovně:
- Vybereme ovládací prvek.
- Klikneme na šipku v pravém horním rohu a z kontextové nabídky vybereme Add/Remove WizardSteps.
- Nyní pomocí tlačítka Add přidáme další dva kroky.
- Názvy jednotlivých kroků změníme úpravou vlastnosti Title u každého kroku. Pro dokončení opět potrvdíme Ok.
Nyní máme vícestránkový formulář připraven. Vrhneme se do umístění formulářových prvků. Formulářové prvky budeme umisťovat do modře orámovaného obdélníku, který se nacházi nyní nad tlačítkem Next. V prvním kroku vytvoříme formulář pro ověření domény.
Další kroky vytvoříme podobným způsobem. Jediné, co budeme muset udělat, je se vždy přepnout na daný krok kliknutím na název kroku v okně editoru.
Tak, a to je vše, přátelé, výslednou webovou stránku si můžete prohlédnout stisknutím ctrl+f5.
Závěr
Krásou na ASP.NET je elegance a rychlost, se kterou se dělají weby pomocí této mocné technologie. Vzpomínám si, jak dlouho jsem psal podobný objednávkový systém v PHP.