Jak na vícestránkové formuláře v ASP.NET 3.5
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Jak na vícestránkové formuláře v ASP.NET 3.5Jak na vícestránkové formuláře v ASP.NET 3.5

 

Jak na vícestránkové formuláře v ASP.NET 3.5

Google       Google       19. 4. 2009       16 989×

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, konkrétně na objednávkovém systému.

Objednávka je rozdělena pro přehlednost do několika kroků:

  1. ověření doménového jména,
  2. volba tarifu,
  3. fakturační údaje, způsob platby,
  4. 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ě:

  1. Vybereme ovládací prvek.
  2. Klikneme na šipku v pravém horním rohu a z kontextové nabídky vybereme Add/Remove WizardSteps.

  3. Nyní pomocí tlačítka Add přidáme další dva kroky.

  4. 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.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Student ČVUT FJFI katedry softwarového inženýrství v ekonomii. Mezi jeho zájmy patří programování a sport. Autor má zkušenosti s PHP 5, MySQL, XHTML a CSS. Zajímá se o platformu .NET, jazyk C#, ASP.NET a WPF.
Web    

Nové články

Obrázek ke článku Stavebnice umělé inteligence 1

Stavebnice umělé inteligence 1

Článek popisuje první část stavebnice umělé inteligence. Obsahuje lineární a plošnou optimalizaci.  Demo verzi je možné použít pro výuku i zájmovou činnost. Profesionální verze je určena pro vývojáře, kteří chtějí integrovat popsané moduly do svých systémů.

Obrázek ke článku Hybridní inteligentní systémy 2

Hybridní inteligentní systémy 2

V technické praxi využíváme často kombinaci různých disciplín umělé inteligence a klasických výpočtů. Takovým systémům říkáme hybridní systémy. V tomto článku se zmíním o určitém typu hybridního systému, který je užitečný ve velmi složitých výrobních procesech.

Obrázek ke článku Jak vést kvalitně tým v IT oboru: Naprogramujte si ty správné manažerské kvality

Jak vést kvalitně tým v IT oboru: Naprogramujte si ty správné manažerské kvality

Vedení týmu v oboru informačních technologií se nijak zvlášť neliší od jiných oborů. Přesto však IT manažeři čelí výzvě v podobě velmi rychlého rozvoje a tím i rostoucími nároky na své lidi. Udržet pozornost, motivaci a efektivitu týmu vyžaduje opravdu pevné manažerské základy a zároveň otevřenost a flexibilitu pro stále nové výzvy.

Obrázek ke článku Síla týmů se na home office může vytrácet. Odborníci radí, jak z pracovních omezení vytěžit maximum

Síla týmů se na home office může vytrácet. Odborníci radí, jak z pracovních omezení vytěžit maximum

Za poslední rok se podoba práce zaměstnanců změnila k nepoznání. Především plošné zavedení home office, které mělo být zpočátku jen dočasným opatřením, je pro mnohé už více než rok každodenní realitou. Co ale dělat, když se při práci z domova ztrácí motivace, zaměstnanci přestávají komunikovat a dříve fungující tým se rozpadá na skupinu solitérů? Odborníci na personalistiku dali dohromady několik rad, jak udržet tým v chodu, i když pracovní podmínky nejsou ideální.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý