Teie esimene veebirakendus ASP.NET: kuidas alustada

ASP.NET on Microsofti tasuta platvormideülene raamistik veebirakenduste ja -teenuste loomiseks. ASP.NET platvorm on laiend .NET -ile, mis on tööriistade, programmeerimiskeelte ja teekide arendajaplatvorm, mida kasutatakse erinevate rakenduste loomiseks.

Nagu te ilmselt arvasite, on ASP.NET fantastiline raamistik, mida algajad saavad kasutada veebirakenduste loomiseks. See pakub palju paindlikkust ja seda on lihtne kasutada. Selles artiklis aitame teil luua oma esimese veebipõhise rakenduse ASP.NET -is Microsoft Visual Studio abil.

Mis on ASP.NET?

ASP tähistab "Active Server Pages"; ASP ja ASP.NET on serveripoolsed tehnoloogiad, mida kasutatakse interaktiivsete veebilehtede kuvamiseks. ASP.NET pakub arendajatele palju paindlikkust suures raamatukogus ja tööriistades suures ja mitmekülgses ökosüsteemis. Arendajad saavad luua ka kohandatud teeke, mida nad saavad jagada mis tahes .NET platvormil loodud rakendusega.

Seotud: Veebiraamistikud, mida tasub arendajatele õppida

Saate oma ASP.NET-i rakenduste taustakoodi kirjutada C#, Visual Basic või isegi F#. See paindlikkus võimaldab arendajatel äriloogikat ja andmetele juurdepääsu kihti tõhusalt kodeerida. Veel üks oluline ASP.NET -i kasutamise eelis on dünaamiliste veebilehtede loomine C# abil veebilehe malli süntaksitööriista abil, mida nimetatakse Razoriks.

Razor pakub ka süntaksit interaktiivsete dünaamiliste veebilehtede loomiseks, mis sisaldavad HTML -i, CSS -i, JavaScripti ja C#. Kliendipoolne kood on tavaliselt kirjutatud JavaScriptis ja ASP.NET-i saab isegi integreerida teiste veebiraamistikega, näiteks Angular või React.

Seotud: Tagatuule CSS vs. Bootstrap: milline on parem raamistik?

ASP.NET pakub arendajatele ka autentimissüsteemi, mis sisaldab andmebaasi, raamatukogusid, malle sisselogimiste haldamiseks, välist autentimist Google'ile, Facebookile jne ja palju muud. Arendajad saavad ASP.NET -i kasutada kõigil suurematel platvormidel, sealhulgas Windows, Linux, macOS ja isegi Docker.

Kuidas luua ASP.NET -i veebirakendus Visual Studio -s

Enne veebirakenduse loomist on parem tutvuda HTML -i, CSS -i, JavaScripti ja C#-ga, et saaksite ASP.NET -ist maksimumi võtta. Vaatame, kuidas saate Microsoft Visual Studio 2019 -s luua veebirakenduse ASP.NET -is.

Veenduge, et olete installinud järgmised tarkvarapaketid:

• Microsoft Visual Studio 2019 või parem
• ASP.NET ja veebiarenduse töökoormus Visual Studio installerilt

ASP.NET -i veebirakenduse projekti komponentide mõistmine

Enne veebirakenduse arendamise alustamist on ülioluline mõista ASP.NET -i olulisi komponente ja seda, kuidas saate neid oma veebirakenduses kasutada.

Selles õpetuses kasutame ASP.NET -i veebivorme üksikute veebilehtede, näiteks kodulehe, meiega jne loomiseks. Igal veebivormil on kolm põhikomponenti, .aspx -fail HTML/CSS -i jaoks, .aspx.cs -koodifail ja .aspx.designer.cs -fail. Selle õpetuse jaoks töötame enamasti failides .aspx ja .aspx.cs

.Aspx -fail sisaldab kogu teie veebilehtede HTML- ja CSS -koodi. Veenduge, et kasutate HTML -siltide asemel asp -silte, sest asp -sildid toovad serverist andmeid ja saadavad serverisse sisendandmeid. Seda funktsionaalsuse omadust on vaja dünaamilises veebirakenduses.

Fail .aspx.cs sisaldab teie veebilehtede C# koodi ja see juhib seda, mis juhtub siis, kui konkreetne sündmus, näiteks veebileht laaditakse, nupule klõpsatakse ja palju muud. Saate luua iga funktsiooni jaoks eraldi funktsioone ja siduda need vastava .aspx -faili vastava asp -märgendiga.

Põhilehed on arendajatele kasulikud ja lisavad igale veebilehele olulisi komponente, nagu navigeerimisriba ja jalus. Selle asemel, et sama koodi korduvalt lisada, saavad arendajad lisada kogu mallile vajaliku koodi ühele põhilehele ja seejärel linkida iga veebilehe põhilehega. Järgmistes jaotistes näitame teile, kuidas seda teha.

Looge uus ASP.NET -i veebirakenduse projekt

ASP.NET -is veebirakenduse loomise esimene samm on projekti malli valimine ja uue veebirakenduse loomine.

1. Käivitage Microsoft Visual Studio ja klõpsake nuppu Loo uus projekt
2. Tippige malli otsingukasti ASP.NET, valige Veebirakendus ASP.NET (.NET Framework) ja klõpsake Edasi. Te ei saa seda malli, kui teil pole eelmises jaotises mainitud nõutavaid installimisi.
3. Järgmisel ekraanil konfigureerige oma projekti nimi ja kataloog ning klõpsake nuppu Edasi.
4. Visual Studio loob nüüd teie projekti malli ja teil peaks olema võimalik mallirakendust käivitada, klõpsates ekraani ülaosas rohelist esitusnuppu.

Looge uus ASP.NET -i veebivorm

Et aidata teil ASP.NET -ist paremini aru saada, loome mängupoe jaoks lihtsa tootelehe. Esimene samm on uue veebivormi loomine. Liikuge varem loodud projektis lehele Fail> Uus> Fail ja valige Veebivorm. Kui olete selle seadistanud, peaksite nägema tühja .aspx -faili, millel on ainult päise kood.

Veebilehe üldise väljanägemise arendamiseks võite HTML -is/CSS -is ise kasutada koodi või kasutada malli Tagumised blokeeringud.

Seadsime ülaltoodud tootelehe paigutuse malli abil. See kuvab toote pildi, toote üksikasjad ja navigeerimisriba. Lisasime juhtlehe abil navigeerimisriba HTML -i ja CSS -i.

Ülaltoodud koodis (.aspx.cs fail) oleme seadistanud laadimisleht funktsiooni, et seada toote üksikasjad meie kohatäitesse. Saate luua sarnaseid funktsioone sisselogimiseks, registreerimiseks, ostukorvi lisamiseks jne.

Toote kirjelduse näitamiseks on asp -näidise näidis järgmine:

Selles kohatäites kuvatakse C# koodi kirjelduse väärtus. Saate kasutada ka Visual Studio tööriistakasti, et lisada ekraanile selliseid elemente nagu pildid, nupud, raadionupud ja palju muud. Internetis on saadaval palju ressursse, kust saate õppida ASP.NET -i süntaksi.

ASP.NET veebirakendus algajatele

ASP.NET on võimas platvorm veebirakenduste ja -teenuste loomiseks. Enne veebirakenduse arendamist ASP.NET -is peate tundma JavaScripti, HTML -i, CSS -i ja C# -i.

Ülim JavaScripti petuleht

Selle petulehe abil saate JavaScripti elemente kiiresti värskendada.

Loe edasi

Autori kohta