Sdílet prostřednictvím


Začínáme s ASP.NET MVC 5

Rick Anderson

Poznámka

Aktualizovaná verze tohoto kurzu je k dispozici zde pomocí nejnovější verze sady Visual Studio. Nový kurz používá ASP.NET Core MVC, který poskytuje mnoho vylepšení oproti tomuto kurzu.

Tento kurz učí ASP.NET Core MVC s kontrolery a zobrazeními. Razor Pages je novou alternativou v ASP.NET Core, programovacím modelu založeném na stránkách, který usnadňuje a produktivnější vytváření webového uživatelského rozhraní. Doporučujeme vyzkoušet kurz Razor Pages před verzí MVC. Kurz Razor Pages:

  • Je snazší ho sledovat.
  • Zahrnuje další funkce.
  • Je upřednostňovaný přístup pro vývoj nových aplikací.

V tomto kurzu se naučíte základy sestavení webové aplikace ASP.NET MVC 5 pomocí sady Visual Studio 2017. Konečný zdrojový kód pro tento kurz se nachází na GitHubu.

Tento kurz napsali Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ) a Rick Anderson ( @RickAndMSFT )

K nasazení této aplikace do Azure potřebujete účet Azure:

Začínáme

Začněte instalací sady Visual Studio 2017. Pak otevřete Visual Studio.

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 dole seznam 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 Nového projektu na stránce Start můžete použít řádek nabídek a vybrat Soubor>Nový projekt.

Snímek obrazovky znázorňující úvodní stránku sady Visual Studio Vytvořit nový projekt je zakroužkováno červeně.

Vytvoření první aplikace

Na úvodní stránce vyberte Nový projekt. V dialogovém okně Nový projekt vyberte na levé straně kategorii Visual C#, pak Web a pak vyberte šablonu projektu ASP.NET Web Application (.NET Framework). Projekt pojmenujte MvcMovie a pak zvolte OK.

Snímek obrazovky s oknem Nový projekt Web a S P dot NET Web Application dot NET Framework jsou vybrané.

V dialogovém okně Nová webová aplikace ASP.NET zvolte MVC a pak zvolte OK.

Snímek obrazovky s dialogovým oknem Nová webová aplikace S P dot NET Je vybraná možnost M V C.

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 zobrazující okno filmu M V C otevřené na stránce Přehled

Stisknutím klávesy F5 spusťte ladění. Když stisknete klávesu F5, 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:port# 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 1234. Při spuštění aplikace se zobrazí jiné číslo portu.

Snímek obrazovky s domovskou stránkou A S P dot NET

Tato výchozí šablona vám Homehned po této výchozí šabloně poskytne stránky , Contacta About . Na obrázku níže se nezobrazují odkazy Domů, Informace a Kontakt . V závislosti na velikosti okna prohlížeče možná budete muset kliknout na ikonu navigace, aby se tyto odkazy zobrazily.

Snímek obrazovky, který zobrazuje domovskou stránku A S P dot NET v menším okně zobrazení Tři řádky označující navigační nabídku jsou zakroužkované červeně.

Aplikace také poskytuje podporu pro registraci a přihlášení. Dalším krokem je změna fungování této aplikace a seznámení s ASP.NET MVC. Zavřete aplikaci ASP.NET MVC a pojďme změnit kód.

Seznam aktuálních kurzů najdete v doporučených článcích MVC.