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
Reklama
Reklama

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       12 757×

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.

Reklama
Reklama

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 RAD Studio a Windows Store

RAD Studio a Windows Store

RAD Studio je první vývojové prostředí se zabudovanou podporou balení aplikací typu Win32 a Win64 pro jejich umístění a šíření prostřednictvím Windows 10 Store.

Reklama
Reklama
Obrázek ke článku Testujte na 2 400+ Android a iOS zařízení

Testujte na 2 400+ Android a iOS zařízení

V dnešní době, kdy většina softwaru pro mobilní aplikace je tvořena a distribuována průběžně, mnohdy do celého světa je třeba zajistit také průběžnou automatizaci testování mobilního softwaru. V případě mobilních aplikací pro Android a iOS začíná být problém, jak testovat na obrovském množství kombinací HW variant, rozměrů, edic operačních systémů různých výrobců v různých částech světa na reálných zařízení. Simulátory a emulátory nejsou většinou to pravé. Pokud již testuji, jak si udělat vlastní beta distribuci opravdovým reálným testerům napříč platformami?

Obrázek ke článku Funkcie main vo Windows API

Funkcie main vo Windows API

V tretej časti seriálu o Windows API budeme hovoriť o funkčných prototypoch main. Funkčný prototyp je tvorený názvom funkcie a typom signatúry, pričom sa vynecháva telo funkcie. 

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý