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

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

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

Google       Google       19. 4. 2009       13 519×

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

Reklama
Reklama
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

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