Vaša prvá webová aplikácia ASP.NET: Ako začať

ASP.NET je bezplatný multiplatformový rámec spoločnosti Microsoft na vytváranie webových aplikácií a služieb. Platforma ASP.NET je rozšírením platformy .NET, vývojárskej platformy pre nástroje, programovacie jazyky a knižnice používané na vytváranie rôznych aplikácií.

Ako ste pravdepodobne uhádli, ASP.NET je fantastický rámec, ktorý môžu začiatočníci používať na vytváranie webových aplikácií. Ponúka veľkú flexibilitu a jednoduché použitie. V tomto článku vám pomôžeme vytvoriť prvú webovú aplikáciu v ASP.NET pomocou Microsoft Visual Studio.

Čo je ASP.NET?

ASP znamená „aktívne serverové stránky“; ASP a ASP.NET sú serverové technológie používané na zobrazenie interaktívnych webových stránok. ASP.NET poskytuje vývojárom veľkú flexibilitu v rozsiahlom a všestrannom ekosystéme s rôznymi knižnicami a nástrojmi. Vývojári môžu tiež vytvárať vlastné knižnice, ktoré môžu zdieľať s akoukoľvek aplikáciou vytvorenou na platforme .NET.

Súvisiace: Webové rámce, ktoré sa oplatí naučiť vývojárom

Back-end kód pre vaše aplikácie ASP.NET môžete napísať v C#, Visual Basic alebo dokonca F#. Táto flexibilita umožňuje vývojárom efektívne kódovať obchodnú logiku a vrstvu prístupu k údajom. Ďalšou významnou výhodou používania technológie ASP.NET je vytváranie dynamických webových stránok pomocou jazyka C# pomocou syntaxového nástroja na šablónu webových stránok známeho ako Razor.

Razor tiež poskytuje syntax pre vytváranie interaktívnych dynamických webových stránok obsahujúcich HTML, CSS, JavaScript a C#. Kód na strane klienta je zvyčajne napísaný v JavaScripte a ASP.NET môže byť dokonca integrovaný s inými webovými rámcami, ako sú Angular alebo React.

Súvisiace: Tailwind CSS vs. Bootstrap: Čo je lepší rámec?

ASP.NET tiež poskytuje vývojárom autentifikačný systém, ktorý obsahuje databázu, knižnice, šablóny na správu prihlasovacích údajov, externé overovanie pre Google, Facebook atď. A ďalšie. Vývojári môžu využívať ASP.NET na všetkých hlavných platformách vrátane Windows, Linux, macOS a dokonca aj Docker.

Ako vytvoriť webovú aplikáciu ASP.NET v programe Visual Studio

Pred vytvorením webovej aplikácie je najlepšie, aby ste sa zoznámili s HTML, CSS, JavaScript a C#, aby ste z ASP.NET mohli vyťažiť maximum. Pozrime sa, ako môžete vytvoriť webovú aplikáciu v ASP.NET v programe Microsoft Visual Studio 2019.

Uistite sa, že máte nainštalované nasledujúce softvérové ​​balíky:

• Microsoft Visual Studio 2019 alebo novší
• Pracovná záťaž ASP.NET a webového vývoja z inštalátora Visual Studio

Pochopenie komponentov projektu webovej aplikácie ASP.NET

Predtým, ako sa pustíte do vývoja svojej webovej aplikácie, je dôležité porozumieť základným komponentom ASP.NET a ich použitiu vo vašej webovej aplikácii.

V tomto návode použijeme webové formuláre ASP.NET na vytváranie jednotlivých webových stránok, ako sú domovská stránka, kontaktujte nás atď. Každý webový formulár má tri hlavné komponenty, súbor .aspx pre HTML/CSS, súbor kódu .aspx.cs a súbor .aspx.designer.cs. V tomto návode budeme väčšinou pracovať so súbormi .aspx a .aspx.cs.

Súbor .aspx bude obsahovať všetok kód HTML a CSS vašich webových stránok. Uistite sa, že používate značky asp, a nie značky HTML, pretože značky asp načítavajú údaje zo servera a odosielajú na server vstupné údaje. Toto je funkčná charakteristika, ktorá je potrebná v dynamickej webovej aplikácii.

Súbor .aspx.cs obsahuje C# kód vašich webových stránok a určuje, čo sa stane, keď sa načíta konkrétna udalosť, napríklad webová stránka, klikne na tlačidlo a podobne. Pre každú funkciu môžete vytvoriť samostatné funkcie a prepojiť ich s príslušnou značkou asp v zodpovedajúcom súbore .aspx.

Master Pages sú prospešné pre vývojárov a na každú webovú stránku pridávajú základné komponenty, ako napríklad navigačný panel a pätu. Namiesto opakovaného pridávania rovnakého kódu môžu vývojári pridať všetok kód požadovaný pre šablónu na jednu stránku predlohy a potom prepojiť každú webovú stránku s predlohou. V nasledujúcich častiach vám ukážeme, ako to urobiť.

Vytvorte nový projekt ASP.NET Web App

Prvým krokom pri vytváraní webovej aplikácie v ASP.NET je výber šablóny projektu a vytvorenie novej webovej aplikácie:

1. Spustite Microsoft Visual Studio a kliknite na Vytvorte nový projekt
2. Do vyhľadávacieho poľa šablóny zadajte ASP.NET a vyberte Webová aplikácia ASP.NET (.Internetová sieť) a kliknite Ďalšie. Túto šablónu nedostanete, ak nemáte požadované inštalácie uvedené v predchádzajúcej časti.
3. Na ďalšej obrazovke nakonfigurujte názov projektu a adresár a kliknite na Ďalšie.
4. Visual Studio teraz vytvorí vašu šablónu projektu a vy by ste mali mať možnosť spustiť aplikáciu šablóny kliknutím na zelené tlačidlo prehrávania v hornej časti obrazovky.

Vytvorte nový webový formulár ASP.NET

Aby sme vám pomohli lepšie porozumieť ASP.NET, vytvoríme jednoduchú stránku produktu pre herný obchod. Prvým krokom je vytvorenie nového webového formulára. V projekte, ktorý ste vytvorili predtým, prejdite na Súbor> Nový> Súbor a vyberte Webový formulár. Akonáhle ste to nastavili, mali by ste vidieť prázdny súbor .aspx iba s kódom hlavičky.

Ak chcete začať vyvíjať celkový vzhľad svojej webovej stránky, môžete použiť kód v HTML/CSS sami alebo použiť šablónu z Zadné tlmiče.

Vyššie uvedené rozloženie stránky produktu sme nastavili pomocou šablóny. Zobrazuje obrázok produktu, podrobnosti o produkte a navigačnú lištu. HTML a CSS navigačného panela sme pridali pomocou stránky predlohy.

V kóde uvedenom vyššie (súbor .aspx.cs) sme nastavili príponu nakladacia stránka funkciu na nastavenie podrobností o produkte v našich zástupných symboloch. Môžete vytvoriť podobné funkcie pre prihlásenie, registráciu, vloženie do košíka atď.

Ukážka značky asp na zobrazenie popisu produktu je nasledovná:

V tomto zástupnom symbole sa zobrazí hodnota popisu z kódu C#. Na pridanie prvkov zobrazenia, ako sú obrázky, tlačidlá, prepínače a ďalšie, môžete použiť aj aplikáciu Visual Studio Toolbox. Na internete je k dispozícii niekoľko zdrojov, kde sa môžete naučiť syntax ASP.NET.

Webová aplikácia ASP.NET pre začiatočníkov

ASP.NET je výkonná platforma na vytváranie webových aplikácií a služieb. Pred vývojom webovej aplikácie v ASP.NET vás musí ovládať JavaScript, HTML, CSS a C#.

The Ultimate JavaScript Cheat Sheet

Získajte rýchle obnovenie prvkov JavaScript pomocou tohto cheat listu.

Čítajte ďalej

O autorovi