ASP.NET je bezplatný multiplatformní framework společnosti Microsoft pro vytváření webových aplikací a služeb. Platforma ASP.NET je rozšířením platformy .NET, vývojářské platformy pro nástroje, programovací jazyky a knihovny používané k vytváření různých aplikací.
Jak jste pravděpodobně uhodli, ASP.NET je fantastický framework, který začátečníci mohou použít k vytváření webových aplikací. Nabízí velkou flexibilitu a snadno se používá. V tomto článku vám pomůžeme vytvořit první webovou aplikaci v ASP.NET pomocí Microsoft Visual Studio.
Co je ASP.NET?
ASP znamená „Active Server Pages“; ASP a ASP.NET jsou technologie na straně serveru používané k zobrazování interaktivních webových stránek. ASP.NET poskytuje vývojářům velkou flexibilitu v rozsáhlém a všestranném ekosystému s různými knihovnami a nástroji. Vývojáři mohou také vytvářet vlastní knihovny, které mohou sdílet s jakoukoli aplikací vytvořenou na platformě .NET.
Příbuzný: Webové rámce, které stojí za to se naučit pro vývojáře
Back-endový kód pro vaše aplikace ASP.NET můžete napsat v C#, Visual Basic nebo dokonce F#. Tato flexibilita umožňuje vývojářům efektivně kódovat obchodní logiku a vrstvu pro přístup k datům. Další významnou výhodou používání technologie ASP.NET je vytváření dynamických webových stránek pomocí jazyka C# pomocí nástroje pro syntaxi šablon webových stránek známého jako Razor.
Razor také poskytuje syntaxi pro vytváření interaktivních dynamických webových stránek zahrnujících HTML, CSS, JavaScript a C#. Kód na straně klienta je obvykle napsán v JavaScriptu a ASP.NET lze dokonce integrovat s jinými webovými rámci, jako je Angular nebo React.
Příbuzný: Tailwind CSS vs. Bootstrap: Který je lepší rámec?
ASP.NET také poskytuje vývojářům autentizační systém, který zahrnuje databázi, knihovny, šablony pro správu přihlášení, externí autentizaci pro Google, Facebook atd. A další. Vývojáři mohou využívat ASP.NET na všech hlavních platformách, včetně Windows, Linux, macOS a dokonce i Dockeru.
Jak vytvořit webovou aplikaci ASP.NET v aplikaci Visual Studio
Před vytvořením webové aplikace je nejlepší, abyste se seznámili s HTML, CSS, JavaScript a C#, abyste mohli z ASP.NET vytěžit maximum. Podívejme se, jak můžete vytvořit webovou aplikaci v ASP.NET v Microsoft Visual Studio 2019.
Ujistěte se, že máte nainstalované následující softwarové balíčky:
- Microsoft Visual Studio 2019 nebo lepší
- Pracovní zátěž ASP.NET a webový vývoj z instalačního programu Visual Studio
Pochopení součástí projektu webové aplikace ASP.NET
Než začnete vyvíjet svou webovou aplikaci, je důležité porozumět základním komponentám ASP.NET a jak je můžete ve své webové aplikaci využít.
V tomto kurzu použijeme webové formuláře ASP.NET k vytvoření jednotlivých webových stránek, jako je domovská stránka, kontaktujte nás atd. Každý webový formulář má tři hlavní komponenty, soubor .aspx pro HTML/CSS, soubor kódu .aspx.cs a soubor .aspx.designer.cs. V tomto kurzu budeme většinou pracovat se soubory .aspx a .aspx.cs.
Soubor .aspx bude obsahovat veškerý kód HTML a CSS vašich webových stránek. Ujistěte se, že používáte značky asp namísto značek HTML, protože značky asp načítají data ze serveru a odesílají na server vstupní data. Toto je charakteristika funkce vyžadovaná v dynamické webové aplikaci.
Soubor .aspx.cs obsahuje C# kód vašich webových stránek a určuje, co se stane, když se načte konkrétní událost, například webová stránka, kliknutí na tlačítko a další. Pro každou funkci můžete vytvořit samostatné funkce a propojit je s příslušnou značkou asp v odpovídajícím souboru .aspx.
Master Pages jsou výhodné pro vývojáře a přidávají na každou webovou stránku základní komponenty, jako je navigační lišta a zápatí. Místo opakovaného přidávání stejného kódu mohou vývojáři přidat veškerý kód požadovaný pro šablonu na jednu vzorovou stránku a poté propojit každou webovou stránku s hlavní stránkou. V následujících částech vám ukážeme, jak to udělat.
Vytvořte nový projekt webové aplikace ASP.NET
Prvním krokem při vytváření webové aplikace v ASP.NET je výběr šablony projektu a vytvoření nové webové aplikace:
- Spusťte Microsoft Visual Studio a klikněte na Vytvořte nový projekt
- Do vyhledávacího pole šablony zadejte ASP.NET, vyberte Webová aplikace ASP.NET (.NET Framework) a klikněte další. Tuto šablonu nedostanete, pokud nemáte požadované instalace uvedené v předchozí části.
- Na další obrazovce nakonfigurujte název projektu a adresář a klikněte na další.
- Visual Studio nyní vytvoří vaši šablonu projektu a měli byste mít možnost spustit aplikaci šablony kliknutím na zelené tlačítko přehrávání v horní části obrazovky.
Vytvořte nový webový formulář ASP.NET
Abychom vám pomohli lépe porozumět ASP.NET, vytvoříme jednoduchou produktovou stránku pro herní obchod. Prvním krokem je vytvoření nového webového formuláře. V projektu, který jste vytvořili dříve, přejděte na Soubor> Nový> Soubor a vyberte Webový formulář. Jakmile jej nastavíte, měli byste vidět prázdný soubor .aspx pouze s kódem záhlaví.
Chcete -li začít vyvíjet celkový vzhled své webové stránky, můžete použít buď kód v HTML/CSS sami, nebo použít šablonu z Ocasní bloky.
Výše uvedené rozložení stránky produktu jsme nastavili pomocí šablony. Zobrazí obrázek produktu, podrobnosti o produktu a navigační lištu. Přidali jsme HTML a CSS navigačního panelu pomocí stránky předlohy.
Ve výše uvedeném kódu (soubor .aspx.cs) jsme nastavili nakládací stránka funkce pro nastavení podrobností o produktu v našich zástupných symbolech. Můžete vytvořit podobné funkce pro přihlášení, registraci, přidání do košíku atd.
Ukázková značka ASP, která zobrazuje popis produktu, je následující:
V tomto zástupném symbolu se zobrazí hodnota popisu z kódu C#. Můžete také použít sadu nástrojů sady Visual Studio k přidání prvků zobrazení, jako jsou obrázky, tlačítka, přepínače a další. Existuje několik zdrojů dostupných online, kde se můžete naučit syntaxi ASP.NET.
Webová aplikace ASP.NET pro začátečníky
ASP.NET je výkonná platforma pro vytváření webových aplikací a služeb. Před vývojem webové aplikace v ASP.NET vám musí stačit JavaScript, HTML, CSS a C#.
Získejte rychlé obnovení prvků JavaScript pomocí tohoto cheat listu.
Číst dále
- Programování
- ASP.NET
- Programování
Fahad je spisovatel v MakeUseOf a v současné době se specializuje na počítačové vědy. Jako vášnivý technický spisovatel se stará o to, aby byl stále informován o nejnovější technologii. Zvláště se zajímá o fotbal a technologie.
Přihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!
Kliknutím sem se přihlásíte k odběru
