Din første ASP.NET -webapplikasjon: Slik kommer du i gang

ASP.NET er Microsofts gratis tverrplattformrammeverk for å bygge webapper og tjenester. ASP.NET -plattformen er en utvidelse til .NET, en utviklerplattform med verktøy, programmeringsspråk og biblioteker som brukes til å bygge forskjellige applikasjoner.

Som du sikkert har gjettet, er ASP.NET et fantastisk rammeverk nybegynnere kan bruke til å bygge webapper. Det gir mye fleksibilitet og er lett å bruke. I denne artikkelen skal vi hjelpe deg med å lage din første web -applikasjon i ASP.NET ved hjelp av Microsoft Visual Studio.

Hva er ASP.NET?

ASP står for "Active Server Pages"; ASP og ASP.NET er teknologier på serversiden som brukes til å vise interaktive websider. ASP.NET gir utviklere mye fleksibilitet i et stort, allsidig økosystem med forskjellige biblioteker og verktøy. Utviklere kan også lage tilpassede biblioteker som de kan dele med alle applikasjoner som er opprettet på .NET -plattformen.

I slekt: Nettrammer verdt å lære for utviklere

Du kan skrive back-end-koden for ASP.NET-applikasjonene dine i C#, Visual Basic eller til og med F#. Denne fleksibiliteten gjør at utviklere kan kode forretningslogikken og datatilgangslaget effektivt. En annen stor fordel ved å bruke ASP.NET er å bygge dynamiske websider ved hjelp av C# ved hjelp av et syntaksverktøy som kalles Razor.

Razor gir også en syntaks for å lage interaktive dynamiske websider som inneholder HTML, CSS, JavaScript og C#. Koden på klientsiden skrives vanligvis i JavaScript, og ASP.NET kan til og med integreres med andre webrammer som Angular eller React.

I slekt: Tailwind CSS vs. Bootstrap: Hvilken er en bedre ramme?

ASP.NET gir også utviklere et autentiseringssystem som inkluderer en database, biblioteker, maler for administrering av pålogginger, ekstern autentisering til Google, Facebook, etc., og mer. Utviklere kan bruke ASP.NET på alle større plattformer, inkludert Windows, Linux, macOS og til og med Docker.

Hvordan lage et ASP.NET -webprogram i Visual Studio

Før du oppretter en webapplikasjon, er det best at du gjør deg kjent med HTML, CSS, JavaScript og C#, slik at du kan få mest mulig ut av ASP.NET. La oss se på hvordan du kan lage et webprogram i ASP.NET i Microsoft Visual Studio 2019.

Sørg for at du har følgende programvarepakker installert:

• Microsoft Visual Studio 2019 eller bedre
• Arbeidsmengde for ASP.NET og webutvikling fra Visual Studio Installer

Forstå ASP.NET Web Application Project Components

Før du kan begynne å utvikle nettappen din, er det avgjørende å forstå de viktigste komponentene i ASP.NET og hvordan du kan bruke dem i webprogrammet ditt.

I denne opplæringen bruker vi ASP.NET -nettskjemaer til å lage de enkelte nettsidene, for eksempel hjemmesiden, kontakt oss etc. Hvert webskjema har tre hovedkomponenter, en .aspx -fil for HTML/CSS, en .aspx.cs -kodefil og en .aspx.designer.cs -fil. Vi jobber for det meste i .aspx- og .aspx.cs -filene for denne opplæringen.

.Aspx -filen vil inneholde all HTML- og CSS -koden på nettsidene dine. Sørg for at du bruker asp -koder i stedet for HTML -koder, fordi asp -koder henter data fra serveren og sender inndata til serveren. Dette er funksjonalitetskarakteristikken som kreves i en dynamisk webapplikasjon.

.Aspx.cs -filen inneholder C# -koden til nettsidene dine, og dette styrer hva som skjer når en bestemt hendelse, for eksempel en webside, lastes ned, klikkes på en knapp og mer. Du kan opprette separate funksjoner for hver funksjon og koble den til den relevante asp -taggen i den tilsvarende .aspx -filen.

Mastersider er fordelaktige for utviklere og legger til viktige komponenter som navigasjonslinjen og bunnteksten på hver webside. I stedet for å legge til den samme koden gjentatte ganger, kan utviklere legge til all koden som kreves av malen på en hovedside og deretter koble hver webside til hovedsiden. Vi viser deg hvordan du gjør det i de følgende avsnittene.

Opprett et nytt ASP.NET Web App -prosjekt

Det første trinnet i å lage en webapplikasjon i ASP.NET er å velge en prosjektmal og lage en ny webapplikasjon:

1. Start Microsoft Visual Studio og klikk på Lag et nytt prosjekt
2. Skriv ASP.NET i søkeboksen for maler, velg ASP.NET webapplikasjon (.NET Framework) og klikk Neste. Du får ikke denne malen hvis du ikke har de nødvendige installasjonene nevnt i forrige seksjon.
3. I neste skjermbilde konfigurerer du prosjektnavnet og katalogen, og klikker på Neste.
4. Visual Studio vil nå opprette prosjektmalen din, og du bør kunne kjøre malprogrammet ved å klikke på den grønne avspillingsknappen øverst på skjermen.

Opprett et nytt ASP.NET -webskjema

For å hjelpe deg med å forstå ASP.NET bedre, lager vi en enkel produktside for en spillbutikk. Det første trinnet er å lage et nytt webskjema. Naviger til i prosjektet du opprettet tidligere Fil> Ny> Fil og velg Nettskjema. Når du har konfigurert den, bør du kunne se en tom .aspx -fil med bare overskriftskoden.

For å begynne å utvikle det generelle utseendet på nettsiden din, kan du bruke enten kode i HTML/CSS selv eller bruke en mal fra Haleblokker.

Vi konfigurerte produktoppsettet ovenfor med en mal. Den viser et produktbilde, produktdetaljer og en navigasjonslinje. Vi la til HTML og CSS i navigasjonslinjen ved hjelp av hovedsiden.

I koden ovenfor (.aspx.cs -filen) har vi konfigurert lasteside funksjon for å angi produktdetaljer i våre plassholdere. Du kan opprette lignende funksjoner for pålogging, registrering, legg til i handlekurven, etc.

Et eksempel på en asp -tag for å vise produktbeskrivelsen er som følger:

Beskrivelsesverdien fra C# -koden vises i denne plassholderen. Du kan også bruke Visual Studios verktøykasse til å legge til visningselementer som bilder, knapper, alternativknapper og mer. Det er flere ressurser tilgjengelig online der du kan lære ASP.NET -syntaksen.

ASP.NET webapplikasjon for nybegynnere

ASP.NET er en kraftig plattform for å lage webapplikasjoner og tjenester. Du må være komfortabel med JavaScript, HTML, CSS og C# før du utvikler et webprogram i ASP.NET.

Det ultimate JavaScript -juksearket

Få en rask oppdatering av JavaScript -elementer med dette juksearket.

Les neste

Om forfatteren