Vaša prva web aplikacija ASP.NET: kako započeti

ASP.NET je Microsoftov besplatni cross-platformni okvir za izradu web aplikacija i usluga. Platforma ASP.NET proširenje je na .NET, platformu za razvojne alate, programske jezike i knjižnice koje se koriste za izradu različitih aplikacija.

Kao što ste vjerojatno pretpostavili, ASP.NET je fantastičan okvir koji početnici mogu koristiti za izradu web aplikacija. Nudi veliku fleksibilnost i jednostavan je za korištenje. U ovom ćemo vam članku pomoći da stvorite svoju prvu web -aplikaciju u ASP.NET -u pomoću Microsoft Visual Studija.

Što je ASP.NET?

ASP označava "Active Server Pages"; ASP i ASP.NET su tehnologije na strani poslužitelja koje se koriste za prikaz interaktivnih web stranica. ASP.NET pruža programerima veliku fleksibilnost u velikom, svestranom ekosustavu s raznim knjižnicama i alatima. Programeri također mogu stvoriti prilagođene knjižnice koje mogu dijeliti s bilo kojom aplikacijom stvorenom na .NET platformi.

Povezano: Web okviri vrijedni učenja za programere

Pozadinski kôd za svoje ASP.NET aplikacije možete napisati u C#, Visual Basic ili čak F#. Ova fleksibilnost omogućuje programerima da učinkovito kodiraju poslovnu logiku i sloj pristupa podacima. Druga značajna prednost korištenja ASP.NET -a je izrada dinamičkih web stranica pomoću C# uz pomoć alata za sintaksu predložaka web stranica poznatog kao Razor.

Razor također nudi sintaksu za stvaranje interaktivnih dinamičkih web stranica koje uključuju HTML, CSS, JavaScript i C#. Kôd na strani klijenta obično je napisan u JavaScriptu, a ASP.NET se čak može integrirati u druge web okvire, poput Angular ili React.

Povezano: Tailwind CSS vs. Bootstrap: Koji je bolji okvir?

ASP.NET programerima također nudi sustav provjere autentičnosti koji uključuje bazu podataka, knjižnice, predloške za upravljanje prijavama, vanjsku provjeru autentičnosti Googleu, Facebooku itd. Itd. Programeri mogu koristiti ASP.NET na svim glavnim platformama, uključujući Windows, Linux, macOS, pa čak i Docker.

Kako stvoriti web -aplikaciju ASP.NET u Visual Studiju

Prije izrade web aplikacije najbolje je da se upoznate s HTML -om, CSS -om, JavaScript -om i C#-om kako biste maksimalno iskoristili ASP.NET. Pogledajmo kako možete stvoriti web aplikaciju u ASP.NET -u u programu Microsoft Visual Studio 2019.

Provjerite imate li instalirane sljedeće softverske pakete:

• Microsoft Visual Studio 2019 ili bolji
• Radno opterećenje ASP.NET -a i web razvoja iz instalacijskog programa Visual Studio

Razumijevanje komponenti projekta ASP.NET web aplikacija

Prije nego počnete razvijati svoju web aplikaciju, ključno je razumjeti bitne komponente ASP.NET -a i kako ih možete koristiti u svojoj web aplikaciji.

U ovom vodiču koristit ćemo ASP.NET web obrasce za izradu pojedinačnih web stranica poput početne stranice, kontaktirajte nas itd. Svaki web obrazac ima tri glavne komponente, datoteku .aspx za HTML/CSS, datoteku koda .aspx.cs i datoteku .aspx.designer.cs. U ovom ćemo vodiču uglavnom raditi u .aspx i .aspx.cs datotekama.

Datoteka .aspx sadržavat će sav HTML i CSS kôd vaših web stranica. Provjerite koristite li asp oznake umjesto HTML oznaka jer asp oznake dohvaćaju podatke s poslužitelja i šalju ulazne podatke poslužitelju. Ovo je karakteristika funkcionalnosti koja je potrebna u dinamičkoj web aplikaciji.

Datoteka .aspx.cs sadrži C# kôd vaših web stranica, a to kontrolira što se događa kada se učita određeni događaj, poput web stranice, pritisne gumb i još mnogo toga. Za svaku funkciju možete stvoriti zasebne funkcije i povezati ih s odgovarajućom oznakom asp u odgovarajućoj .aspx datoteci.

Master stranice korisne su za programere i svakoj web stranici dodaju bitne komponente, poput navigacijske trake i podnožja. Umjesto ponavljanja dodavanja istog koda, programeri mogu dodati sav kôd potreban za predložak na jednu glavnu stranicu, a zatim svaku web stranicu povezati s glavnom stranicom. U sljedećim odjeljcima pokazat ćemo vam kako to učiniti.

Izradite novi projekt ASP.NET web aplikacije

Prvi korak u stvaranju web aplikacije u ASP.NET -u je odabir predloška projekta i izrada nove web aplikacije:

1. Pokrenite Microsoft Visual Studio i kliknite na Izradite novi projekt
2. Upišite ASP.NET u okvir za pretraživanje predloška, ​​odaberite ASP.NET web aplikacija (.NET Framework) i kliknite Sljedeći. Ovaj predložak nećete dobiti ako nemate potrebne instalacije navedene u prethodnom odjeljku.
3. Na sljedećem zaslonu konfigurirajte naziv projekta i direktorij i kliknite na Sljedeći.
4. Visual Studio sada će stvoriti vaš predložak projekta, a aplikaciju predloška trebali biste moći pokrenuti klikom na zeleni gumb za reprodukciju pri vrhu zaslona.

Izradite novi ASP.NET web obrazac

Kako bismo vam pomogli da bolje razumijete ASP.NET, izradit ćemo jednostavnu stranicu proizvoda za trgovinu igara. Prvi korak je stvaranje novog web obrasca. U projektu koji ste ranije izradili idite na Datoteka> Novo> Datoteka i odaberite Web obrazac. Nakon što ste ga postavili, trebali biste moći vidjeti praznu .aspx datoteku sa samo kodom zaglavlja.

Za početak razvoja cjelokupnog izgleda vaše web stranice možete sami upotrijebiti kôd u HTML/CSS -u ili predložak iz Blokovi repa.

Gornji izgled stranice proizvoda postavili smo pomoću predloška. Prikazuje sliku proizvoda, pojedinosti o proizvodu i navigacijsku traku. Dodali smo HTML i CSS navigacijske trake pomoću glavne stranice.

U gornjem kodu (.aspx.cs datoteka) postavili smo loadpage funkciju za postavljanje pojedinosti o proizvodu na naša rezervirana mjesta. Možete stvoriti slične funkcije za prijavu, registraciju, dodavanje u košaricu itd.

Primjer asp oznake za prikaz opisa proizvoda je sljedeći:

Vrijednost opisa iz C# koda bit će prikazana u ovom rezerviraču mjesta. Također možete upotrijebiti alatni okvir Visual Studija za dodavanje elemenata prikaza, poput slika, gumba, radio gumba i još mnogo toga. Na mreži je dostupno nekoliko izvora na kojima možete naučiti sintaksu ASP.NET.

ASP.NET web aplikacija za početnike

ASP.NET je moćna platforma za stvaranje web aplikacija i usluga. Morate se upoznati s JavaScript, HTML, CSS i C# prije razvoja web aplikacije u ASP.NET -u.

Ultimate JavaScript Cheat Sheet

Brzo osvježite JavaScript elemente s ovom listom za varanje.

Pročitajte Dalje

O autoru