Teie esimene veebirakendus ASP.NET: alustamine

Teie esimene veebirakendus ASP.NET: alustamine

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 Microsoft Visual Studio abil luua oma esimese veebipõhise rakenduse ASP.NET -is.





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: Arendajatele õppimist väärt veebiraamistikud

Saate oma ASP.NET-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.



rakendus oma näo teisele kehale asetamiseks

Razor pakub ka süntaksi 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: Tailwind 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:

mõjutab vahemälu taseme kiirust
  • 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 (nt koduleht, meiega ühendust võtmine) 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 sisendandmed. 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.

kuidas telefoni tasuta avada

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

Tootekirjelduse 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.

Veebirakendus ASP.NET 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.

Jaga Jaga Piiksuma E -post Ülim JavaScripti petuleht

Selle petulehe abil saate JavaScripti elemente kiiresti värskendada.

Loe edasi
Seotud teemad
  • Programmeerimine
  • ASP.NET
  • Programmeerimine
Autori kohta M. Fahad Khawaja(45 artiklit avaldatud)

Fahad on MakeUseOfi kirjanik ja tegeleb praegu arvutiteaduse erialaga. Innuka tehnikakirjanikuna hoolitseb ta selle eest, et oleks kursis uusima tehnoloogiaga. Ta tunneb end eriti huvitatud jalgpallist ja tehnoloogiast.

Veel M. Fahad Khawajalt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin