Úvod do ASP.NET MVC 3 (VB)

Rick Anderson

V tomto kurzu se naučíte základy sestavení webové aplikace ASP.NET MVC pomocí sady Microsoft Visual Web Developer 2010 Express Service Pack 1, což je bezplatná verze sady Microsoft Visual Studio. Než začnete, ujistěte se, že jste nainstalovali níže uvedené požadavky. Všechny z nich můžete nainstalovat kliknutím na následující odkaz: Instalační program webové platformy. Případně můžete požadavky nainstalovat jednotlivě pomocí následujících odkazů:

• Požadavky na Visual Studio Web Developer Express SP1
• aktualizace nástrojů ASP.NET MVC 3
• SQL Server Compact 4.0 (runtime + podpora nástrojů)

Pokud používáte Visual Studio 2010 místo Sady Visual Web Developer 2010, nainstalujte požadované součásti kliknutím na následující odkaz: Požadavky sady Visual Studio 2010.

K tomuto tématu je k dispozici projekt Visual Web Developer se zdrojovým kódem VB.NET. Stáhněte si VB.NET verzi. Pokud dáváte přednost jazyku C#, přepněte na verzi C# tohoto kurzu.

V tomto kurzu se naučíte základy sestavení webové aplikace ASP.NET MVC pomocí sady Microsoft Visual Web Developer 2010 Express Service Pack 1, což je bezplatná verze sady Microsoft Visual Studio. Než začnete, ujistěte se, že jste nainstalovali níže uvedené požadavky. Všechny z nich můžete nainstalovat kliknutím na následující odkaz: Instalační program webové platformy. Případně můžete požadavky nainstalovat jednotlivě pomocí následujících odkazů:

• Požadavky na Visual Studio Web Developer Express SP1
• aktualizace nástrojů ASP.NET MVC 3
• SQL Server Compact 4.0 (runtime + podpora nástrojů)

Pokud používáte Visual Studio 2010 místo Sady Visual Web Developer 2010, nainstalujte požadované součásti kliknutím na následující odkaz: Požadavky sady Visual Studio 2010.

K tomuto tématu je k dispozici projekt Visual Web Developer se zdrojovým kódem VB. Verzi VB si můžete stáhnout tady. Pokud dáváte přednost CSharpu, přepněte na verzi CSharp tohoto kurzu.

Co vytvoříte

Implementujete jednoduchou aplikaci pro výpis filmů, která podporuje vytváření, úpravy a výpis filmů z databáze. Níže jsou dva snímky obrazovky aplikace, kterou sestavíte. Obsahuje stránku, která zobrazuje seznam filmů z databáze:

Aplikace také umožňuje přidávat, upravovat a odstraňovat filmy a také zobrazovat podrobnosti o jednotlivých filmech. Všechny scénáře zadávání dat zahrnují ověření, aby se zajistilo, že data uložená v databázi jsou správná.

Dovednosti, které se naučíte

Naučíte se:

• Vytvoření nového projektu ASP.NET MVC
• Vytvoření nové databáze pomocí Entity Frameworku s využitím kódu
• Vytvoření ASP.NET kontrolerů a zobrazení MVC
• Jak načíst a zobrazit data
• Jak upravit data a povolit ověření dat

začínáme

Začněte spuštěním visual Web Developer 2010 Express (zkráceně VWD) a na úvodní stránce vyberte Nový projekt.

Visual Web Developer je integrované vývojové prostředí neboli integrované vývojové prostředí. Stejně jako k psaní dokumentů používáte Microsoft Word, budete k vytváření aplikací používat integrované vývojové prostředí (IDE). V aplikaci Visual Web Developer je v horní části panel nástrojů s různými dostupnými možnostmi. K dispozici je také nabídka, která poskytuje další způsob provádění úkolů v integrovaném vývojovém prostředí (IDE). (Například místo výběru možnosti Nový projektna úvodní stránce můžete použít nabídku a vybrat Soubor>.Nový projekt.)

Vytvoření první aplikace

Aplikace můžete vytvářet pomocí jazyka Visual Basic nebo Visual C# jako programovacího jazyka. Pro účely tohoto kurzu vyberte na levé straně Visual Basic a pak vyberte ASP.NET webová aplikace MVC 3. Projekt pojmenujte MvcMovie a klikněte na OK.

V dialogovém okně Nový projekt ASP.NET MVC 3 vyberte Internetová aplikace. Jako výchozí modul zobrazení ponechte Razor .

Klikněte na OK. Visual Web Developer použil výchozí šablonu pro projekt ASP.NET MVC, který jste právě vytvořili, takže teď máte funkční aplikaci, aniž byste cokoli dělali! Jedná se o jednoduchý projekt "Hello World!" a je to vhodné místo pro spuštění aplikace.

V nabídce Debug (Ladění) vyberte Start Debugging (Spustit ladění).

Všimněte si, že klávesová zkratka pro spuštění ladění je F5.

F5 způsobí, že Visual Web Developer spustí vývojový webový server a spustí webovou aplikaci. VWD pak spustí prohlížeč a otevře domovskou stránku aplikace. Všimněte si, že na panelu Adresa prohlížeče je uvedeno localhost a ne něco jako example.com. Je to proto, že localhost vždy odkazuje na váš vlastní místní počítač, na kterém je v tomto případě spuštěná aplikace, kterou jste právě vytvořili. Když VWD spustí webový projekt, použije se pro projekt náhodný port. Na následujícím obrázku je náhodné číslo portu 43246. Váš projekt bude pravděpodobně používat jiné číslo portu.

Tato výchozí šablona vám poskytne dvě stránky, které můžete navštívit, a základní přihlašovací stránku. Pojďme změnit fungování této aplikace a trochu se seznámit s ASP.NET MVC. Zavřete prohlížeč a pojďme změnit nějaký kód.

Další