Vaše první webová aplikace ASP.NET: Jak začít

Vaše první webová aplikace ASP.NET: Jak začít

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.





Související: Webové rámce, které stojí za učení 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í C# pomocí nástroje pro syntaxi šablon webových stránek známého jako Razor.



jak zjistit, zda byl váš facebook hacknut v roce 2018

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.

Související: 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 ASP.NET využívat naplno. 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:

jak se připojit k vašemu světu přátel v minecraft pc
  • Microsoft Visual Studio 2019 nebo lepší
  • Pracovní zátěž ASP.NET a webový vývoj z instalačního programu Visual Studio

Vysvětlení součástí projektu ASP.NET Web Application Project

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, .aspx soubor s kódem .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 spíše než značky HTML, protože značky asp načítají data ze serveru a odesílají na server vstupní data. Toto je charakteristika funkce, která je vyžadována 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šným tagem asp v odpovídajícím souboru .aspx.

Master Pages jsou výhodné pro vývojáře a na každou webovou stránku přidávají základní součásti, 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ý šablonou na jednu stránku předlohy a poté propojit každou webovou stránku se stránkou předlohy. V následujících částech vám ukážeme, jak to udělat.

Vytvořte nový projekt ASP.NET Web App

Prvním krokem při vytváření webové aplikace v ASP.NET je výběr šablony projektu a vytvoření nové webové aplikace:

  1. Spusťte Microsoft Visual Studio a klikněte na Vytvořte nový projekt
  2. 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.
  3. Na další obrazovce nakonfigurujte název projektu a adresář a klikněte na další .
  4. Visual Studio nyní vytvoří vaši šablonu projektu a měli byste být schopni 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.

jak odemknout telefon zdarma

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 C# kódu. Můžete také použít sadu nástrojů sady Visual Studio k přidání zobrazovacích prvků, jako jsou obrázky, tlačítka, přepínače a další. Online je k dispozici několik zdrojů, 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#.

Podíl Podíl tweet E-mailem The Ultimate JavaScript Cheat Sheet

Získejte rychlé obnovení prvků JavaScript pomocí tohoto cheat listu.

Číst dále Související témata
  • Programování
  • ASP.NET
  • Programování
O autorovi M. Fahad Khawaja(45 článků zveřejněno)

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.

Více od M. Fahada Khawaja

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