Úvod do ASP.NET MVC 4
Aktualizovaná verze tohoto kurzu je k dispozici zde pomocí Visual Studio 2013. Nový kurz používá ASP.NET MVC 5, který poskytuje mnoho vylepšení oproti tomuto kurzu.
Tento kurz vás naučí základy sestavení webové aplikace ASP.NET MVC 4 pomocí microsoft Visual Studio Express 2012 nebo Visual Web Developer 2010 Express Service Pack 1. Doporučuje se Visual Studio 2012. K dokončení kurzu nebudete muset nic instalovat. Pokud používáte Visual Studio 2010, musíte nainstalovat následující součásti. Všechny z nich můžete nainstalovat kliknutím na následující odkazy:
- Požadavky na Visual Studio Web Developer Express SP1
- Instalační program WPI pro ASP.NET MVC 4
- LocalDB
- SSDT
Pokud používáte Visual Studio 2010 místo Visual Web Developer 2010, nainstalujte instalační program WPI pro ASP.NET MVC 4 a požadavky sady Visual Studio 2010.
K tomuto tématu je k dispozici projekt Visual Web Developer se zdrojovým kódem jazyka C#. Stáhněte si verzi jazyka C#.
V tomto kurzu spustíte aplikaci v sadě Visual Studio. Aplikaci můžete také zpřístupnit přes internet tak, že ji nasadíte u poskytovatele hostingu. Microsoft nabízí bezplatné hostování webů až pro 10 webů v bezplatném zkušebním účtu Windows Azure. Informace o nasazení webového projektu sady Visual Studio na web Windows Azure najdete v tématu Vytvoření a nasazení webu ASP.NET a SQL Database pomocí sady Visual Studio. V tomto kurzu se také dozvíte, jak pomocí Migrace Entity Framework Code First nasadit databázi SQL Server do služby Windows Azure SQL Database (dříve SQL Azure).
Tento kurz napsal Rick Anderson ( @RickAndMSFT ).
Co vytvoříte
Poznámka
Aktualizovaná verze, pokud je tento kurz k dispozici tady pomocí Visual Studio 2013. Nový kurz používá ASP.NET MVC 5, který poskytuje mnoho vylepšení oproti tomuto kurzu.
Implementujete jednoduchou aplikaci pro výpis filmů, která podporuje vytváření, úpravy, vyhledávání 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á.
začínáme
Začněte spuštěním Visual Studio Express 2012 nebo Visual Web Developer 2010 Express. Většina snímků obrazovky v této sérii používá Visual Studio Express 2012, ale tento kurz můžete dokončit pomocí sady Visual Studio 2010/SP1, Visual Studio 2012 Visual Studio Express 2012 nebo Visual Web Developer 2010 Express. Na úvodní stránce vyberte Nový projekt.
Visual Studio 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 sadě Visual Studio 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í programovacího jazyka Visual Basic nebo Visual C#. Na levé straně vyberte Visual C# a pak vyberte ASP.NET webová aplikace MVC 4. Projekt pojmenujte MvcMovie a klikněte na OK.
V dialogovém okně Nový projekt ASP.NET MVC 4 vyberte Internetová aplikace. Jako výchozí modul zobrazení ponechte Razor .
Klikněte na OK. Visual Studio použilo 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.
Klávesa F5 způsobí, že visual Studio spustí IIS Express a spustí vaši webovou aplikaci. Visual Studio 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ž Visual Studio spustí webový projekt, použije se pro webový server náhodný port. Na následujícím obrázku je číslo portu 41788. Při spuštění aplikace se pravděpodobně zobrazí jiné číslo portu.
Tato výchozí šablona vám hned po této výchozí šabloně nabídne stránky Domů, Kontakt a Informace. Poskytuje také podporu pro registraci a přihlášení a odkazy na Facebook a Twitter. Dalším krokem je změna fungování této aplikace a seznámení s ASP.NET MVC. Zavřete prohlížeč a pojďme změnit nějaký kód.