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

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 články: 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.



ako dostať Windows 10 na flash disk

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 jazyku JavaScript a ASP.NET môže byť dokonca integrovaný s inými webovými rámcami, ako sú Angular alebo React.

Súvisiace články: 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:

Staňte sa trénerom psov online zadarmo
  • 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, .aspx súbor s kódom .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 na to.

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. Pridali sme HTML a CSS navigačného panela pomocou stránky predlohy.

hry, ktoré sa dajú nudiť online

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#. Panel s nástrojmi Visual Studio môžete použiť aj na pridanie prvkov zobrazenia, ako sú obrázky, tlačidlá, prepínače a ďalšie. Existuje niekoľko zdrojov dostupných online, 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ám musí stačiť JavaScript, HTML, CSS a C#.

zdieľam zdieľam Tweet E -mail The Ultimate JavaScript Cheat Sheet

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

Čítajte ďalej Súvisiace témy
  • Programovanie
  • ASP.NET
  • Programovanie
O autorovi M. Fahad Khawaja(45 publikovaných článkov)

Fahad je spisovateľ v MakeUseOf a v súčasnosti sa špecializuje na počítačovú vedu. Ako zanietený technický spisovateľ dbá na to, aby bol informovaný o najnovších technológiách. Zvlášť sa zaujíma o futbal a technológie.

Viac od M. Fahada Khawaja

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber