Vaša prva spletna aplikacija ASP.NET: kako začeti

ASP.NET je Microsoftov brezplačni okvir za več platform za izdelavo spletnih aplikacij in storitev. Platforma ASP.NET je razširitev na .NET, platformo za razvijalce orodij, programskih jezikov in knjižnic, ki se uporabljajo za izdelavo različnih aplikacij.

Kot ste verjetno uganili, je ASP.NET fantastičen okvir, ki ga začetniki lahko uporabljajo za izdelavo spletnih aplikacij. Ponuja veliko prilagodljivosti in je enostaven za uporabo. V tem članku vam bomo pomagali ustvariti svojo prvo spletno aplikacijo v ASP.NET z uporabo Microsoft Visual Studio.

Kaj je ASP.NET?

ASP pomeni "Aktivne strežniške strani"; ASP in ASP.NET sta strežniški tehnologiji za prikaz interaktivnih spletnih strani. ASP.NET razvijalcem ponuja veliko prilagodljivosti v velikem, vsestranskem ekosistemu z različnimi knjižnicami in orodji. Razvijalci lahko ustvarijo tudi knjižnice po meri, ki jih lahko delijo s katero koli aplikacijo, ustvarjeno na platformi .NET.

Povezano: Spletni okviri, vredni učenja za razvijalce

Zaledno kodo za svoje aplikacije ASP.NET lahko napišete v C#, Visual Basic ali celo F#. Ta prilagodljivost omogoča razvijalcem, da učinkovito kodirajo poslovno logiko in plast dostopa do podatkov. Druga pomembna prednost uporabe ASP.NET je gradnja dinamičnih spletnih strani z uporabo C# s pomočjo orodja za sintakso za oblikovanje spletnih strani, imenovano Razor.

Razor ponuja tudi skladnjo za ustvarjanje interaktivnih dinamičnih spletnih strani, ki vsebujejo HTML, CSS, JavaScript in C#. Koda na strani odjemalca je običajno napisana v JavaScriptu, ASP.NET pa je mogoče celo integrirati z drugimi spletnimi okviri, kot sta Angular ali React.

Povezano: Tailwind CSS vs. Bootstrap: Kaj je boljši okvir?

ASP.NET razvijalcem ponuja tudi sistem preverjanja pristnosti, ki vključuje zbirko podatkov, knjižnice, predloge za upravljanje prijav, zunanjo avtentikacijo pri Googlu, Facebooku itd. Itd. Razvijalci lahko uporabljajo ASP.NET na vseh večjih platformah, vključno z Windows, Linux, macOS in celo Dockerjem.

Kako ustvariti spletno aplikacijo ASP.NET v Visual Studiu

Preden ustvarite spletno aplikacijo, je najbolje, da se seznanite s HTML, CSS, JavaScript in C#, da boste lahko kar najbolje izkoristili ASP.NET. Poglejmo, kako lahko ustvarite spletno aplikacijo v ASP.NET v programu Microsoft Visual Studio 2019.

Prepričajte se, da imate nameščene naslednje programske pakete:

• Microsoft Visual Studio 2019 ali novejši
• Delovna obremenitev ASP.NET in spletnega razvoja iz programa Installer Visual Studio

Razumevanje komponent projekta ASP.NET Web Application Project

Preden začnete razvijati svojo spletno aplikacijo, je ključno razumeti bistvene komponente ASP.NET in kako jih lahko uporabite v svoji spletni aplikaciji.

V tej vadnici bomo uporabljali spletne obrazce ASP.NET za ustvarjanje posameznih spletnih strani, kot so domača stran, stik z nami itd. Vsak spletni obrazec ima tri glavne komponente, datoteko .aspx za HTML/CSS, datoteko kode .aspx.cs in datoteko .aspx.designer.cs. Za to vadbo bomo večinoma delali v datotekah .aspx in .aspx.cs.

Datoteka .aspx bo vsebovala vso kodo HTML in CSS vaših spletnih strani. Prepričajte se, da uporabljate oznake asp in ne oznake HTML, ker oznake asp pridobivajo podatke s strežnika in pošiljajo vhodne podatke strežniku. To je funkcija, ki je potrebna v dinamični spletni aplikaciji.

Datoteka .aspx.cs vsebuje kodo C# vaših spletnih strani in ta nadzoruje, kaj se zgodi, ko se naloži določen dogodek, na primer spletna stran, klikne gumb in drugo. Za vsako funkcijo lahko ustvarite ločene funkcije in jo povežete z ustrezno oznako asp v ustrezni datoteki .aspx.

Glavne strani so koristne za razvijalce in vsaki spletni strani dodajo bistvene komponente, kot sta navigacijska vrstica in noga. Namesto ponavljajočega se dodajanja iste kode lahko razvijalci v eno glavno stran dodajo vso kodo, ki jo zahteva predloga, in nato vsako spletno stran povežejo z glavno stranjo. Kako to storiti, vam bomo pokazali v naslednjih razdelkih.

Ustvarite nov projekt spletne aplikacije ASP.NET

Prvi korak pri ustvarjanju spletne aplikacije v ASP.NET je izbira predloge projekta in ustvarjanje nove spletne aplikacije:

1. Zaženite Microsoft Visual Studio in kliknite Ustvarite nov projekt
2. V iskalno polje predloge vnesite ASP.NET in izberite Spletna aplikacija ASP.NET (.NET Framework) in kliknite Naslednji. Te predloge ne boste dobili, če v prejšnjem razdelku nimate zahtevanih namestitev.
3. Na naslednjem zaslonu konfigurirajte ime in ime projekta ter kliknite na Naslednji.
4. Visual Studio bo zdaj ustvaril vašo predlogo projekta, aplikacijo predloge pa bi morali zagnati s klikom na zeleni gumb za predvajanje na vrhu zaslona.

Ustvarite nov spletni obrazec ASP.NET

Za lažje razumevanje ASP.NET -a bomo ustvarili preprosto stran izdelka za trgovino z igrami. Prvi korak je ustvariti nov spletni obrazec. V projektu, ki ste ga ustvarili prej, se pomaknite do Datoteka> Novo> Datoteka in izberite Spletni obrazec. Ko ga nastavite, bi morali videti prazno datoteko .aspx s samo kodo glave.

Če želite začeti razvijati celoten videz svoje spletne strani, lahko sami uporabite kodo v HTML/CSS ali uporabite predlogo iz Zaprti bloki.

Zgornjo postavitev strani izdelka smo nastavili s predlogo. Prikazuje sliko izdelka, podrobnosti o izdelku in navigacijsko vrstico. HTML in CSS navigacijske vrstice smo dodali z uporabo glavne strani.

V zgornji kodi (datoteka .aspx.cs) smo nastavili datoteko loadpage funkcijo za nastavitev podrobnosti o izdelku na naših nadomestnih mestih. Ustvarite lahko podobne funkcije za prijavo, prijavo, dodajanje v košarico itd.

Vzorec oznake asp za prikaz opisa izdelka je naslednji:

V tem namestniku bo prikazana vrednost opisa iz kode C#. Z orodno zbirko Visual Studio lahko uporabite tudi elemente za prikaz, kot so slike, gumbi, izbirni gumbi in drugo. Na spletu je na voljo več virov, kjer se lahko naučite sintakse ASP.NET.

Spletna aplikacija ASP.NET za začetnike

ASP.NET je zmogljiva platforma za ustvarjanje spletnih aplikacij in storitev. Preden razvijete spletno aplikacijo v ASP.NET -u, morate biti seznanjeni z JavaScript, HTML, CSS in C#.

Ultimate JavaScript Cheat Sheet

S to goljufijo hitro osvežite elemente JavaScript.

Preberite Naprej

O avtorju