Začínáme s ASP.NET MVC 5
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:
- Účet Azure si můžete otevřít zdarma – získáte kredity, které můžete použít k vyzkoušení placených služeb Azure, a i po jejich využití si můžete účet ponechat a používat bezplatné služby Azure.
- Můžete aktivovat výhody pro předplatitele MSDN – Vaše předplatné MSDN vám každý měsíc poskytuje kredity, které můžete použít pro placené služby 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.
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.
V dialogovém okně Nová webová aplikace ASP.NET zvolte MVC a pak zvolte 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.
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.
Tato výchozí šablona vám Home
hned po této výchozí šabloně poskytne stránky , Contact
a 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.
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.