Jūsų pirmoji ASP.NET žiniatinklio programa: kaip pradėti

ASP.NET yra nemokama „Microsoft“ kelių platformų sistema, skirta kurti žiniatinklio programas ir paslaugas. ASP.NET platforma yra .NET, įrankių, programavimo kalbų ir bibliotekų, skirtų įvairioms programoms kurti, kūrėjų platformos plėtinys.

Kaip jūs tikriausiai atspėjote, ASP.NET yra puiki sistema, kurią pradedantieji gali naudoti kurdami žiniatinklio programas. Tai suteikia daug lankstumo ir yra paprasta naudoti. Šiame straipsnyje mes padėsime jums sukurti pirmąją žiniatinklio programą ASP.NET naudojant „Microsoft Visual Studio“.

Kas yra ASP.NET?

ASP reiškia „Active Server Pages“; ASP ir ASP.NET yra serverio technologijos, naudojamos interaktyviems tinklalapiams rodyti. ASP.NET suteikia kūrėjams daug lankstumo didelėje, universalioje ekosistemoje su įvairiomis bibliotekomis ir įrankiais. Kūrėjai taip pat gali sukurti pasirinktines bibliotekas, kurias gali bendrinti su bet kuria programa, sukurta .NET platformoje.

Susijęs: Kūrėjams verta mokytis žiniatinklio sistemų

Galite parašyti savo ASP.NET programų galinį kodą naudodami C#, „Visual Basic“ ar net F#. Šis lankstumas leidžia kūrėjams efektyviai koduoti verslo logiką ir prieigos prie duomenų sluoksnį. Kitas svarbus ASP.NET naudojimo pranašumas yra dinamiškų tinklalapių kūrimas naudojant C# naudojant tinklalapio šablono sintaksės įrankį, žinomą kaip „Razor“.

„Razor“ taip pat pateikia sintaksę interaktyviems dinaminiams tinklalapiams, kuriuose yra HTML, CSS, „JavaScript“ ir C#, kurti. Kliento kodas paprastai rašomas „JavaScript“, o ASP.NET netgi gali būti integruotas su kitomis žiniatinklio sistemomis, tokiomis kaip „Angular“ arba „React“.

Susijęs: „Tailwind CSS“ vs. „Bootstrap“: kuri yra geresnė sistema?

ASP.NET kūrėjams taip pat suteikia autentifikavimo sistemą, apimančią duomenų bazę, bibliotekas, prisijungimo šablonus, išorinį autentifikavimą „Google“, „Facebook“ ir kt. Ir kt. Kūrėjai gali naudotis ASP.NET visose pagrindinėse platformose, įskaitant „Windows“, „Linux“, „MacOS“ ir net „Docker“.

Kaip sukurti ASP.NET žiniatinklio programą „Visual Studio“

Prieš kurdami žiniatinklio programą, geriausia susipažinti su HTML, CSS, „JavaScript“ ir C#, kad galėtumėte kuo geriau išnaudoti ASP.NET. Pažiūrėkime, kaip galite sukurti žiniatinklio programą ASP.NET programoje „Microsoft Visual Studio 2019“.

Įsitikinkite, kad įdiegėte šiuos programinės įrangos paketus:

• „Microsoft Visual Studio 2019“ ar naujesnė versija
• ASP.NET ir žiniatinklio kūrimo apkrova iš „Visual Studio“ diegimo programos

ASP.NET žiniatinklio programų projekto komponentų supratimas

Prieš pradėdami kurti savo žiniatinklio programą, labai svarbu suprasti esminius ASP.NET komponentus ir kaip juos panaudoti žiniatinklio programoje.

Šioje pamokoje mes naudosime ASP.NET žiniatinklio formas, kad sukurtume atskirus tinklalapius, tokius kaip pagrindinis puslapis, susisiekite su mumis ir kt. Kiekvienoje žiniatinklio formoje yra trys pagrindiniai komponentai: .aspx failas HTML/CSS, .aspx.cs kodo failas ir .aspx.designer.cs failas. Šioje pamokoje daugiausia dirbsime .aspx ir .aspx.cs failuose.

.Aspx faile bus visas jūsų tinklalapių HTML ir CSS kodas. Įsitikinkite, kad naudojate asp žymas, o ne HTML žymas, nes asp žymos nuskaito duomenis iš serverio ir siunčia įvesties duomenis į serverį. Tai yra funkcionalumo charakteristika, reikalinga dinaminei žiniatinklio programai.

Faile .aspx.cs yra jūsų tinklalapių C# kodas ir tai kontroliuoja, kas atsitinka, kai įkeliamas tam tikras įvykis, pvz., Tinklalapis, spustelėjamas mygtukas ir dar daugiau. Kiekvienai funkcijai galite sukurti atskiras funkcijas ir susieti ją su atitinkama asp žyma atitinkamame .aspx faile.

Pagrindiniai puslapiai yra naudingi kūrėjams ir prie kiekvieno tinklalapio prideda esminių komponentų, tokių kaip naršymo juosta ir poraštė. Užuot pakartotinai pridėję tą patį kodą, kūrėjai gali pridėti visą šablonui reikalingą kodą viename pagrindiniame puslapyje ir tada susieti kiekvieną tinklalapį su pagrindiniu puslapiu. Tolesniuose skyriuose parodysime, kaip tai padaryti.

Sukurkite naują ASP.NET žiniatinklio programos projektą

Pirmasis žingsnis kuriant žiniatinklio programą ASP.NET yra pasirinkti projekto šabloną ir sukurti naują žiniatinklio programą:

1. Paleiskite „Microsoft Visual Studio“ ir spustelėkite Sukurkite naują projektą
2. Šablono paieškos laukelyje įveskite ASP.NET, pasirinkite ASP.NET žiniatinklio programa (.NET Framework) ir spustelėkite Kitas. Šio šablono negausite, jei neturite reikiamų diegimų, paminėtų ankstesniame skyriuje.
3. Kitame ekrane sukonfigūruokite savo projekto pavadinimą ir katalogą ir spustelėkite Kitas.
4. „Visual Studio“ dabar sukurs jūsų projekto šabloną, o jūs turėtumėte turėti galimybę paleisti šablono programą spustelėdami žalią atkūrimo mygtuką ekrano viršuje.

Sukurkite naują ASP.NET žiniatinklio formą

Kad padėtume jums geriau suprasti ASP.NET, sukursime paprastą žaidimų parduotuvės produktų puslapį. Pirmasis žingsnis yra sukurti naują žiniatinklio formą. Anksčiau sukurtame projekte eikite į Failas> Naujas> Failas ir pasirinkite Žiniatinklio forma. Kai jį nustatysite, turėtumėte matyti tuščią .aspx failą su tik antraštės kodu.

Norėdami pradėti kurti bendrą tinklalapio išvaizdą, galite patys naudoti HTML/CSS kodą arba naudoti šabloną iš Galiniai blokeliai.

Mes nustatėme aukščiau pateiktą produkto puslapio išdėstymą naudodami šabloną. Jame rodomas produkto vaizdas, išsami informacija apie produktą ir naršymo juosta. Naudodami pagrindinį puslapį pridėjome naršymo juostos HTML ir CSS.

Aukščiau esančiame kode (.aspx.cs failas) nustatėme įkėlimo puslapis funkcija, skirta nustatyti išsamią produkto informaciją mūsų vietos rezervavimo žymėse. Galite sukurti panašias prisijungimo, registracijos, pridėjimo į krepšelį ir kt.

Pavyzdinė asp etiketė, skirta produkto aprašymui parodyti, yra tokia:

Aprašymo reikšmė iš C# kodo bus rodoma šioje vietos žymeklyje. Taip pat galite naudoti „Visual Studio“ įrankių rinkinį, kad pridėtumėte vaizdo elementų, tokių kaip vaizdai, mygtukai, radijo mygtukai ir kt. Internete yra keletas išteklių, kuriuose galite sužinoti ASP.NET sintaksę.

ASP.NET žiniatinklio programa pradedantiesiems

ASP.NET yra galinga platforma, skirta kurti žiniatinklio programas ir paslaugas. Prieš kurdami žiniatinklio programą ASP.NET, turite būti susipažinę su „JavaScript“, HTML, CSS ir C#.

Galutinis „JavaScript“ apgaulės lapas

Greitai atnaujinkite „JavaScript“ elementus naudodami šį apgaulingą lapą.

Skaityti toliau

Apie autorių