Share via

Úvod do ASP.NET MVC 4

  • Článek

Rick Anderson

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:

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:

Snímek obrazovky se stránkou Indexu vyhledávání aplikace filmů M V C Do vyhledávacího panelu nadpisu se zadává ghost.

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

Snímek obrazovky zobrazící stránku Úpravy aplikace filmu V C Jsou zvýrazněná dvě textová pole: Datum vydání a Cena, která uživatele vyzve k zadání správných hodnot.

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

Snímek obrazovky zobrazící úvodní stránku Visual Studio Express Možnost Nový projekt je zvýrazněná.

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.

Snímek obrazovky s oknem Nový projekt Je vybraná webová aplikace S P dot NET M V C 4.

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

Snímek obrazovky s oknem New A S P dot NET M V C 4 Project Je vybraná šablona Internetová aplikace.

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.

Snímek obrazovky znázorňující A S P tečku NET M V C Project Home Controller c s a Průzkumník řešení otevřených karet

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

Snímek obrazovky znázorňující rozevírací nabídku ladění projektu A S P dot NET M V C Je vybraná možnost 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.

Snímek obrazovky s domovskou stránkou filmu M V C

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.

Další