Vytvoření projektu

Erik Reitan

Tato série kurzů vás naučí základy vytváření ASP.NET Web Forms aplikace pomocí ASP.NET 4.5 a Microsoft Visual Studio Express 2013 pro web. K dispozici je Visual Studio 2013 projekt se zdrojovým kódem jazyka C#, který bude doprovázet tuto sérii kurzů.

V tomto kurzu vytvoříte, zkontrolujete a spustíte výchozí projekt v sadě Visual Studio, což vám umožní seznámit se s funkcemi ASP.NET. Také si projdete prostředí sady Visual Studio.

Naučíte se:

• Jak vytvořit nový projekt Web Forms.
• Struktura souborů projektu Web Forms.
• Jak spustit projekt v sadě Visual Studio.
• Různé funkce výchozí aplikace webových formulářů.
• Některé základní informace o tom, jak používat prostředí sady Visual Studio.

Vytvoření projektu

1. Otevřete sadu Visual Studio.

2. V nabídce Soubor v sadě Visual Studio vyberte Nový projekt.

   

3. Na levé straně vyberte skupinu Šablony ->Visual C# ->Webové šablony.

4. V prostředním sloupci zvolte šablonu ASP.NET Webová aplikace .
   Tato série kurzů používá rozhraní .NET Framework 4.5.2.

5. Pojmenujte projekt WingtipToys a zvolte tlačítko OK .

   

   Poznámka

   Název projektu v této sérii kurzů je WingtipToys. Doporučujeme použít přesný název projektu, aby kód poskytnutý v rámci série kurzů fungoval podle očekávání.

6. Klikněte na tlačítko Změna ověřování. Vyberte Jednotlivé uživatelské účty a klikněte na tlačítko OK .

7. Vyberte šablonu Web Forms a klikněte na tlačítko OK.

   

Vytvoření projektu bude chvíli trvat. Až bude připravená, otevřete stránku Default.aspx .

Mezi návrhovými a zdrojovými zobrazeními můžete přepínat výběrem možnosti v dolní části prostředního okna. Návrhové zobrazení zobrazuje ASP.NET webových stránek, stránek předlohy, stránek obsahu, stránek HTML a uživatelských ovládacích prvků pomocí zobrazení téměř WYSIWYG. Zdrojové zobrazení zobrazí značky HTML pro webovou stránku, které můžete upravit.

Tip

Principy ASP.NET Frameworks

ASP.NET Web Forms umožňuje vytvářet dynamické weby pomocí známého modelu řízeného událostmi přetažením. Návrhová plocha a stovky ovládacích prvků a komponent umožňují rychle vytvářet sofistikované a výkonné weby řízené uživatelským rozhraním s přístupem k datům. Wingtip Toy Store je založený na ASP.NET Web Forms, ale mnoho konceptů, které se naučíte v této sérii kurzů, platí pro všechny ASP.NET.

ASP.NET nabízí čtyři primární vývojové architektury:

• ASP.NET – webové formuláře
  Architektura Web Forms cílí na vývojáře, kteří preferují deklarativní programování založené na řízení, jako jsou Microsoft model Windows Forms (WinForms) a WPF/XAML/Silverlight. Nabízí vývojový model WYSIWYG řízený návrhářem, takže je oblíbený u vývojářů, kteří hledají prostředí RAD (Rapid Application Development) pro vývoj webů. Pokud s webovým programováním začínáte a máte zkušenosti s tradičními nástroji pro vývoj klientů Microsoft RAD (například pro Visual Basic a Visual C#), můžete rychle vytvořit webovou aplikaci bez zkušeností s HTML a JavaScriptem.
• ASP.NET MVC
  ASP.NET MVC cílí na vývojáře, kteří se zajímají o vzory a principy, jako je vývoj řízený testy, oddělení zájmů, inverze řízení (IoC) a injektáž závislostí (DI). Tato architektura podporuje oddělení vrstvy obchodní logiky webové aplikace od její prezentační vrstvy.
• ASP.NET – webové stránky
  ASP.NET webové stránky cílí na vývojáře, kteří chtějí jednoduchý vývoj webových aplikací, stejně jako PHP. V modelu Webové stránky vytvoříte stránky HTML a pak na stránku přidáte serverový kód, aby bylo možné dynamicky řídit, jak se tato značka vykresluje. Webové stránky jsou speciálně navržené tak, aby byly odlehčenou architekturou a jsou nejjednodušším vstupním bodem do ASP.NET pro lidi, kteří znají HTML, ale nemusí mít rozsáhlé zkušenosti s programováním – například pro studenty nebo nadšence. Je to také dobrý způsob, jak mohou weboví vývojáři, kteří znají rozhraní PHP nebo podobné architektury, začít používat ASP.NET.
• ASP.NET jednostránkovou aplikaci
  ASP.NET jednostránkovou aplikaci (SPA) pomáhá vytvářet aplikace, které zahrnují významné interakce na straně klienta pomocí HTML 5, CSS 3 a JavaScriptu. Aktualizace ASP.NET and Web Tools 2012.2 obsahuje novou šablonu pro vytváření jednostránkových aplikací pomocí webového rozhraní API knockout.js a ASP.NET. Kromě nové šablony SPA jsou ke stažení také nové šablony SPA vytvořené komunitou.

Kromě čtyř hlavních vývojových architektur nabízí ASP.NET také další technologie, které je důležité znát a znát, ale které se v této sérii kurzů nezabývá:

• ASP.NET webové rozhraní API – architektura pro vytváření služeb HTTP, které se dostanou do široké škály klientů, včetně prohlížečů a mobilních zařízení.
• ASP.NET SignalR – knihovna, která usnadňuje vývoj webových funkcí v reálném čase.

Kontrola projektu

V sadě Visual Studio umožňuje okno Průzkumník řešení spravovat soubory pro projekt. Pojďme se podívat na složky, které byly přidány do vaší aplikace v Průzkumník řešení. Šablona webové aplikace přidá základní strukturu složek:

Visual Studio vytvoří některé počáteční složky a soubory pro váš projekt. První soubory, se kterými budete pracovat později v tomto kurzu, jsou následující:

Soubor	Účel
Default.aspx	Obvykle se první stránka zobrazí při spuštění aplikace v prohlížeči.
Site.master	Stránka, která umožňuje vytvořit konzistentní rozložení a používat standardní chování pro stránky ve vaší aplikaci.
Global.asax	Volitelný soubor, který obsahuje kód pro reakci na události na úrovni aplikace a relace vyvolané ASP.NET nebo moduly HTTP.
Web.config	Konfigurační data pro aplikaci.

Spuštění výchozí webové aplikace

Výchozí webová aplikace poskytuje bohaté prostředí založené na integrovaných funkcích a podpoře. Bez jakýchkoli změn výchozího projektu webových formulářů je aplikace připravená ke spuštění v místním webovém prohlížeči.

1. Stiskněte klávesu F5 v sadě Visual Studio.
   Aplikace se sestaví a zobrazí ve webovém prohlížeči.

   

2. Po dokončení zkontrolujte spuštěnou aplikaci a zavřete okno prohlížeče.

Tato výchozí webová aplikace obsahuje tři hlavní stránky: Default.aspx (Domovská stránka), About.aspx a Contact.aspx. Každá z těchto stránek je dostupná z horního navigačního panelu. Ve složce Účet jsou také dvě další stránky, stránka Register.aspx a Login.aspx stránka. Tyto dvě stránky umožňují používat možnosti členství ASP.NET k vytváření, ukládání a ověřování přihlašovacích údajů uživatele.

pozadí ASP.NET Web Forms

ASP.NET Web Forms jsou stránky založené na technologii Microsoft ASP.NET, ve které kód spuštěný na serveru dynamicky generuje výstup webové stránky do prohlížeče nebo klientského zařízení. Stránka ASP.NET Web Forms automaticky vykreslí správný kód HTML kompatibilní s prohlížečem pro funkce, jako jsou styly, rozložení atd. Web Forms jsou kompatibilní s libovolným jazykem podporovaným modulem CLR .NET, jako jsou Microsoft Visual Basic a Microsoft Visual C#. Web Forms jsou také založeny na rozhraní Microsoft .NET Framework, které poskytuje výhody, jako je spravované prostředí, zabezpečení typů a dědičnost.

Když se spustí ASP.NET Web Forms stránka, stránka prochází životním cyklem, ve kterém provádí řadu kroků zpracování. Tyto kroky zahrnují inicializaci, vytváření instancí ovládacích prvků, obnovení a údržbu stavu, spuštění kódu obslužné rutiny událostí a vykreslování. Jakmile se seznámíte s výkonem ASP.NET Web Forms, je důležité, abyste porozuměli životnímu cyklu ASP.NET stránky, abyste mohli psát kód v příslušné fázi životního cyklu pro zamýšlený efekt.

Když webový server obdrží požadavek na stránku, najde stránku, zpracuje ji, odešle do prohlížeče a pak zahodí všechny informace o stránce. Pokud uživatel znovu požádá o stejnou stránku, server zopakuje celou sekvenci a znovu ji zpracuje od začátku. Jinak řečeno, server nemá paměť stránek, které zpracoval– stránky jsou bezstavové. Architektura ASP.NET stránky automaticky zpracovává úlohu udržování stavu stránky a jejích ovládacích prvků a poskytuje explicitní způsoby, jak udržovat stav informací specifických pro aplikaci.

Tip

Funkce webových aplikací v šabloně aplikace Web Forms

Šablona aplikace ASP.NET Web Forms poskytuje bohatou sadu integrovaných funkcí. Poskytuje nejen Home.aspx stránku, About.aspx stránku, Contact.aspx stránku, ale také členské funkce, které registrují uživatele a ukládají jejich přihlašovací údaje, aby se mohli přihlásit k vašemu webu. Tento přehled obsahuje další informace o některých funkcích obsažených v šabloně aplikace ASP.NET Web Forms a o tom, jak se používají v aplikaci Wingtip Toys.

Členství

ASP.NET Identita ukládá přihlašovací údaje uživatelů do databáze vytvořené aplikací. Když se uživatelé přihlásí, aplikace ověří jejich přihlašovací údaje čtením databáze. Složka Účet vašeho projektu obsahuje soubory, které implementují různé části členství: registraci, přihlášení, změnu hesla a autorizaci přístupu. Kromě toho ASP.NET Web Forms podporuje OAuth a OpenID. Tato vylepšení ověřování umožňují uživatelům přihlašovat se k vašemu webu pomocí existujících přihlašovacích údajů z účtů, jako jsou Facebook, Twitter, Windows Live a Google.

Ve výchozím nastavení šablona vytvoří databázi členství pomocí výchozího názvu databáze na instanci SQL Server Express LocalDB, což je vývojový databázový server, který je součástí Visual Studio Express 2013 pro web.

SQL Server Express LocalDB

SQL Server Express LocalDB je odlehčená verze SQL Server, která má mnoho funkcí programovatelnosti SQL Server databáze. SQL Server Express LocalDB běží v uživatelském režimu a má rychlou instalaci s nulovou konfigurací, která má krátký seznam požadavků na instalaci. V Microsoft SQL Server lze libovolnou databázi nebo kód Jazyka Transact-SQL přesunout z SQL Server Express LocalDB do SQL Server a SQL Azure bez jakýchkoli kroků upgradu. Proto SQL Server Express LocalDB můžete použít jako vývojářské prostředí pro aplikace, které cílí na všechny edice SQL Server. SQL Server Express LocalDB umožňuje funkce, jako jsou uložené procedury, uživatelem definované funkce a agregace, integrace rozhraní .NET Framework, prostorové typy a další, které nejsou k dispozici v SQL Server Compact.

Stránky předlohy

Stránka předlohy ASP.NET definuje konzistentní vzhled a chování všech stránek ve vaší aplikaci. Rozložení stránky předlohy se sloučí s obsahem z jednotlivých stránek obsahu a vytvoří tak konečnou stránku, kterou uživatel uvidí. V aplikaci Wingtip Toys upravíte stránku předlohy Site.master tak, aby všechny stránky na webu Wingtip Toys sdílely stejné výrazné logo a navigační panel.

HTML5

Šablona aplikace ASP.NET Web Forms podporuje HTML5, což je nejnovější verze jazyka html pro značky. HTML5 podporuje nové prvky a funkce, které usnadňují vytváření webů.

Modernizátor

Pro prohlížeče, které nepodporují HTML5, můžete použít Modernr. Modernr je opensourcová javascriptová knihovna, která dokáže zjistit, jestli prohlížeč podporuje funkce HTML5, a povolit je, pokud ne. V šabloně aplikace ASP.NET Web Forms se modernr nainstaluje jako balíček NuGet.

Bootstrap

Šablony Visual Studio 2013 projektů používají Bootstrap, rozložení a motivy vytvořené Twitterem. Bootstrap používá css3 k zajištění responzivního návrhu, což znamená, že rozložení se můžou dynamicky přizpůsobovat různým velikostem oken prohlížeče. Pomocí funkce motivů Bootstrap můžete také snadno ovlivnit změnu vzhledu a chování aplikace. Ve výchozím nastavení obsahuje šablona webové aplikace ASP.NET v Visual Studio 2013 jako balíček NuGet bootstrap.

Balíčky NuGet

Šablona aplikace ASP.NET Web Forms obsahuje sadu balíčků NuGet. Tyto balíčky poskytují funkce ve formě open source knihoven a nástrojů. K dispozici je široká škála balíčků, které vám pomůžou vytvářet a testovat aplikace. Visual Studio usnadňuje přidávání, odebírání a aktualizaci balíčků NuGet. Vývojáři můžou také vytvářet a přidávat balíčky do NuGetu.

Při instalaci balíčku Zkopíruje NuGet soubory do vašeho řešení a automaticky provede potřebné změny, jako je přidání odkazů a změna konfigurace spojené s vaší webovou aplikací. Pokud se rozhodnete knihovnu odebrat, NuGet odebere soubory a vrátí zpět všechny změny provedené v projektu, aby nezůstaly žádné nepotřebné. NuGet je k dispozici v nabídce Nástroje v sadě Visual Studio.

jQuery

jQuery je rychlá a stručná javascriptová knihovna, která zjednodušuje procházení dokumentů HTML, zpracování událostí, animování a interakce Ajax pro rychlý vývoj webu. JavaScriptová knihovna jQuery je součástí šablony aplikace ASP.NET Web Forms jako balíček NuGet.

Nenápadné ověření

Integrované ovládací prvky validátoru byly nakonfigurovány tak, aby pro logiku ověřování na straně klienta používaly nevtíravý JavaScript. Tím se výrazně zmenšuje množství JavaScriptu vykresleného v textu ve značkách stránky a zmenšuje se celková velikost stránky. Do šablony aplikace ASP.NET Web Forms se globálně přidá nenápadné ověřování na základě nastavení v elementu <appSettings> souboruWeb.config v kořenovém adresáři aplikace.

Entity Framework Code First

Kromě funkcí v šabloně aplikace ASP.NET Web Forms používá aplikace Wingtip Toys entity Framework Code First, což je knihovna NuGet, která při práci s daty umožňuje vývoj zaměřený na kód. Jednoduše řečeno, vytvoří pro vás část databáze vaší aplikace na základě kódu, který napíšete. Pomocí Entity Frameworku načítáte data jako objekty silného typu a manipulujete s nimi. Díky tomu se můžete zaměřit na obchodní logiku ve vaší aplikaci, a ne na podrobnosti o tom, jak se k datům přistupuje.

Další informace o nainstalovaných knihovnách a balíčcích, které jsou součástí šablony ASP.NET Web Forms, najdete v seznamu nainstalovaných balíčků NuGet. Uděláte to tak, že v sadě Visual Studio vytvoříte nový projekt Web Forms, vyberte Nástroje> Správce >balíčků NuGetSpravovat balíčky NuGet pro řešení a v dialogovém okně Spravovat balíčky NuGet vyberte Nainstalované balíčky.

Prohlídka sady Visual Studio

Mezi primární okna v sadě Visual Studio patří Průzkumník řešení, Průzkumník serveru (Průzkumník databáze v Expressu), okno Vlastnosti, panel nástrojů, panel nástrojů a okno dokumentu.

Další informace o sadě Visual Studio najdete v tématu Visual Guide to Visual Web Developer.

Souhrn

V tomto kurzu jste vytvořili, zkontrolovali a spustili výchozí Web Forms aplikaci. Prošli jste si různé funkce výchozí aplikace webových formulářů a seznámili jste se se základy používání prostředí sady Visual Studio. V následujících kurzech vytvoříte vrstvu přístupu k datům.

Další materiály

Projekty webových aplikací versus projekty webů
přehled ASP.NET Web Forms Pages

PředchozíDalší