Ensimmäinen ASP.NET -verkkosovelluksesi: Näin pääset alkuun

ASP.NET on Microsoftin ilmainen monialustainen kehys verkkosovellusten ja -palvelujen rakentamiseen. ASP.

Kuten olet todennäköisesti arvannut, ASP.NET on loistava kehys, jota aloittelijat voivat käyttää verkkosovellusten rakentamiseen. Se tarjoaa paljon joustavuutta ja on helppokäyttöinen. Tässä artikkelissa autamme sinua luomaan ensimmäisen verkkosovelluksesi ASP.NET -verkossa Microsoft Visual Studion avulla.

Mikä on ASP.NET?

ASP tarkoittaa aktiivisia palvelinsivuja; ASP ja ASP.NET ovat palvelinpuolen tekniikoita, joita käytetään vuorovaikutteisten verkkosivujen näyttämiseen. ASP.NET tarjoaa kehittäjille paljon joustavuutta suuressa, monipuolisessa ekosysteemissä, jossa on erilaisia kirjastoja ja työkaluja. Kehittäjät voivat myös luoda mukautettuja kirjastoja, jotka he voivat jakaa minkä tahansa .NET -alustalla luodun sovelluksen kanssa.

Aiheeseen liittyviä: Verkkokehykset, jotka kannattaa oppia kehittäjille

Voit kirjoittaa taustakoodin ASP.NET-sovelluksillesi C#, Visual Basic tai jopa F#. Tämän joustavuuden ansiosta kehittäjät voivat koodata liiketoimintalogiikan ja tiedonsaantikerroksen tehokkaasti. Toinen ASP.NET: n käytön merkittävä etu on dynaamisten verkkosivujen luominen C#: lla Razor -nimisen verkkosivun mallinnussyntaksityökalun avulla.

S0.2mdn.net -palvelimen IP -osoitetta ei löytynyt.

Razor tarjoaa myös syntaksin interaktiivisten dynaamisten verkkosivujen luomiseen, jotka sisältävät HTML-, CSS-, JavaScript- ja C# -sivuja. Asiakaspuolen koodi kirjoitetaan yleensä JavaScriptillä, ja ASP.NET voidaan jopa integroida muihin web-kehyksiin, kuten Angular tai React.

Aiheeseen liittyviä: Tailwind CSS vs.Bootstrap: Mikä on parempi kehys?

ASP.NET tarjoaa kehittäjille myös todennusjärjestelmän, joka sisältää tietokannan, kirjastot, kirjautumismallit, ulkoisen todennuksen Googlelle, Facebookille jne. Ja paljon muuta. Kehittäjät voivat käyttää ASP.NET -verkkoa kaikilla tärkeimmillä alustoilla, mukaan lukien Windows, Linux, macOS ja jopa Docker.

ASP.NET -verkkosovelluksen luominen Visual Studiossa

Ennen Web -sovelluksen luomista on parasta perehtyä HTML-, CSS-, JavaScript- ja C#-versioihin, jotta voit hyödyntää ASP.NET -verkkoa parhaalla mahdollisella tavalla. Katsotaanpa, kuinka voit luoda verkkosovelluksen ASP.NET -muodossa Microsoft Visual Studio 2019: ssä.

Varmista, että seuraavat ohjelmistopaketit on asennettu:

tarvitsetko xbox goldia fortniten pelaamiseen

Microsoft Visual Studio 2019 tai parempi
ASP.NET ja Visual Studio Installerin web -kehitystyö

ASP.NET -verkkosovellusprojektin osien ymmärtäminen

Ennen kuin voit aloittaa verkkosovelluksesi kehittämisen, on tärkeää ymmärtää ASP.NET: n olennaiset osat ja miten voit hyödyntää niitä verkkosovelluksessasi.

Tässä opetusohjelmassa käytämme ASP.NET -verkkolomakkeita yksittäisten verkkosivujen luomiseen, kuten kotisivu, Ota yhteyttä jne. Jokaisella verkkolomakkeella on kolme pääosaa, .aspx -tiedosto HTML-/CSS -tiedostolle, .aspx .cs -kooditiedosto ja .aspx.designer.cs -tiedosto. Käytämme enimmäkseen .aspx- ja .aspx.cs -tiedostoja tässä opetusohjelmassa.

.Aspx -tiedosto sisältää kaikki verkkosivujesi HTML- ja CSS -koodit. Varmista, että käytät asp -tunnisteita HTML -tunnisteiden sijasta, koska asp -tunnisteet hakevat tietoja palvelimelta ja lähettävät syöttötietoja palvelimelle. Tämä on ominaisuus, joka vaaditaan dynaamisessa verkkosovelluksessa.

.Aspx.cs -tiedosto sisältää verkkosivujesi C# -koodin, ja se määrää, mitä tapahtuu, kun tietty tapahtuma, kuten verkkosivu, ladataan, painiketta napsautetaan ja paljon muuta. Voit luoda jokaiselle toiminnolle erilliset toiminnot ja linkittää ne asianomaiseen asp -tagiin vastaavassa .aspx -tiedostossa.

Pääsivut ovat hyödyllisiä kehittäjille ja lisäävät olennaisia komponentteja, kuten navigointipalkin ja alatunnisteen kullekin verkkosivulle. Sen sijaan, että lisättäisiin samaa koodia toistuvasti, kehittäjät voivat lisätä kaikki mallipohjaiset koodit yhdelle master-sivulle ja linkittää sitten kunkin verkkosivun master-sivulle. Näytämme sinulle, miten se tehdään seuraavissa osioissa.

Luo uusi ASP.NET -verkkosovellusprojekti

Ensimmäinen askel verkkosovelluksen luomisessa ASP.NET: ssä on valita projektimalli ja luoda uusi verkkosovellus:

Käynnistä Microsoft Visual Studio ja napsauta Luo uusi projekti
Kirjoita mallin hakukenttään ASP.NET ja valitse ASP.NET -verkkosovellus ( .NET Framework ) ja napsauta Seuraava . Et saa tätä mallia, jos sinulla ei ole edellisessä osassa mainittuja vaadittuja asennuksia.
Määritä seuraavassa näytössä projektisi nimi ja hakemisto ja napsauta Seuraava .
Visual Studio luo nyt projektimalli, ja sinun pitäisi pystyä suorittamaan mallisovellus napsauttamalla vihreää toistopainiketta näytön yläosassa.

Luo uusi ASP.NET -verkkolomake

Auttaaksemme sinua ymmärtämään paremmin ASP.NET: ää, luomme pelisivulle yksinkertaisen tuotesivun. Ensimmäinen askel on luoda uusi verkkolomake. Siirry aiemmin luomassasi projektissa kohtaan Tiedosto> Uusi> Tiedosto ja valitse Verkkolomake . Kun olet määrittänyt sen, sinun pitäisi pystyä näkemään tyhjä .aspx -tiedosto, jossa on vain otsikkokoodi.

Voit aloittaa verkkosivusi yleisen ilmeen kehittämisen käyttämällä joko HTML/CSS -koodia itse tai käyttämällä mallia Takalukot .

Asetimme yllä olevan tuotesivun asettelun mallin avulla. Se näyttää tuotteen kuvan, tuotetiedot ja navigointipalkin. Lisäsimme navigointipalkin HTML- ja CSS -tiedostot master -sivun avulla.

mitä voin poistaa Windows 10: stä

Yllä olevassa koodissa (.aspx.cs -tiedosto) olemme määrittäneet lataussivu -toiminto asettaa tuotetiedot paikkamerkkeihimme. Voit luoda samanlaisia toimintoja kirjautumiseen, rekisteröitymiseen, koriin lisäämiseen jne.

Esimerkki asp -tagista, joka näyttää tuotekuvauksen, on seuraava:

Kuvausarvo C# -koodista näytetään tässä paikkamerkissä. Voit myös käyttää Visual Studion työkalupakkia lisätäksesi näyttöelementtejä, kuten kuvia, painikkeita, valintanappeja ja paljon muuta. Verkossa on useita resursseja, joista voit oppia ASP.NET -syntaksin.

ASP.NET -verkkosovellus aloittelijoille

ASP.NET on tehokas alusta verkkosovellusten ja -palvelujen luomiseen. Sinun on tunnettava JavaScript, HTML, CSS ja C#, ennen kuin voit kehittää verkkosovelluksen ASP.NET -verkossa.

Jaa Jaa Tweet Sähköposti Lopullinen JavaScript -huijausarkki

Hanki nopea päivitys JavaScript -elementeille tällä huijausarkilla.

Lue seuraava Liittyvät aiheet

Ohjelmointi
ASP.NET
Ohjelmointi

Kirjailijasta M. Fahad Khawaja(45 artikkelia julkaistu)

Fahad on MakeUseOfin kirjailija ja hän on tällä hetkellä pääaineena tietotekniikka. Innokkaana teknikkona hän varmistaa, että hän pysyy ajan tasalla uusimmasta tekniikasta. Hän on erityisen kiinnostunut jalkapallosta ja tekniikasta.

Lisää M. Fahad Khawajalta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi