Din første ASP.NET -webapplikation: Sådan kommer du i gang

ASP.NET er Microsofts gratis cross-platform-ramme til opbygning af webapps og -tjenester. ASP.NET -platformen er en udvidelse til .NET, en udviklerplatform med værktøjer, programmeringssprog og biblioteker, der bruges til at bygge forskellige applikationer.

Som du sikkert har gættet på, er ASP.NET en fantastisk ramme, begyndere kan bruge til at bygge web -apps. Det giver stor fleksibilitet og er let at bruge. I denne artikel hjælper vi dig med at oprette din første webprogram i ASP.NET ved hjælp af Microsoft Visual Studio.

Hvad er ASP.NET?

ASP står for "Active Server Pages"; ASP og ASP.NET er teknologier på serversiden, der bruges til at vise interaktive websider. ASP.NET giver udviklere en masse fleksibilitet i et stort, alsidigt økosystem med forskellige biblioteker og værktøjer. Udviklere kan også oprette brugerdefinerede biblioteker, som de kan dele med ethvert program, der er oprettet på .NET -platformen.

Relaterede: Webrammer værd at lære for udviklere

Du kan skrive back-end-koden til dine ASP.NET-applikationer i C#, Visual Basic eller endda F#. Denne fleksibilitet giver udviklere mulighed for effektivt at kode forretningslogikken og datatilgangslaget. En anden væsentlig fordel ved at bruge ASP.NET er at opbygge dynamiske websider ved hjælp af C# ved hjælp af et websides skabelonsyntaksværktøj kendt som Razor.

Razor giver også en syntaks til oprettelse af interaktive dynamiske websider, der indeholder HTML, CSS, JavaScript og C#. Koden på klientsiden er normalt skrevet i JavaScript, og ASP.NET kan endda integreres med andre webrammer, såsom Angular eller React.

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

ASP.NET giver også udviklere et godkendelsessystem, der indeholder en database, biblioteker, skabeloner til håndtering af logins, ekstern godkendelse til Google, Facebook osv. Og mere. Udviklere kan gøre brug af ASP.NET på alle større platforme, herunder Windows, Linux, macOS og endda Docker.

Sådan oprettes en ASP.NET -webapplikation i Visual Studio

Inden du opretter en webapplikation, er det bedst, at du gør dig bekendt med HTML, CSS, JavaScript og C#, så du kan få mest muligt ud af ASP.NET. Lad os se på, hvordan du kan oprette en webapplikation i ASP.NET i Microsoft Visual Studio 2019.

Sørg for, at du har følgende softwarepakker installeret:

• Microsoft Visual Studio 2019 eller bedre
• ASP.NET og webudvikling arbejdsbyrde fra Visual Studio Installer

Forståelse af ASP.NET Web Application Project Components

Inden du kan begynde at udvikle din webapp, er det afgørende at forstå de væsentlige komponenter i ASP.NET, og hvordan du kan bruge dem i din webapplikation.

I denne vejledning bruger vi ASP.NET webformularer til at oprette de enkelte websider, f.eks. Hjemmesiden, kontakt os osv. Hver webformular har tre hovedkomponenter, en .aspx -fil til HTML/CSS, en .aspx.cs -kodefil og en .aspx.designer.cs -fil. Vi arbejder for det meste i .aspx og .aspx.cs filerne til denne vejledning.

.Aspx -filen indeholder alle HTML- og CSS -koden på dine websider. Sørg for, at du bruger asp -tags i stedet for HTML -tags, fordi asp -tags henter data fra serveren og sender inputdata til serveren. Dette er funktionalitetskarakteristikken, der kræves i en dynamisk webapplikation.

.Aspx.cs -filen indeholder C# -koden på dine websider, og denne styrer, hvad der sker, når en bestemt begivenhed, f.eks. En webside indlæses, der klikkes på en knap og mere. Du kan oprette separate funktioner for hver funktion og linke den til det relevante asp -tag i den tilsvarende .aspx -fil.

Mastersider er gavnlige for udviklere og tilføjer vigtige komponenter såsom navigationslinjen og sidefoden til hver webside. I stedet for at tilføje den samme kode gentagne gange kan udviklere tilføje al den skabelon-nødvendige kode på en hovedside og derefter linke hver webside til hovedsiden. Vi viser dig, hvordan du gør det i de følgende afsnit.

Opret et nyt ASP.NET Web App -projekt

Det første trin i oprettelsen af ​​en webapplikation i ASP.NET er at vælge en projektskabelon og oprette en ny webapplikation:

1. Start Microsoft Visual Studio, og klik på Opret et nyt projekt
2. Skriv ASP.NET i skabelonens søgefelt, vælg ASP.NET webapplikation (.NET Framework) og klik Næste. Du får ikke denne skabelon, hvis du ikke har de nødvendige installationer nævnt i det foregående afsnit.
3. På den næste skærm skal du konfigurere dit projektnavn og bibliotek og klikke på Næste.
4. Visual Studio opretter nu din projektskabelon, og du skal kunne køre skabelonprogrammet ved at klikke på den grønne afspilningsknap øverst på skærmen.

Opret en ny ASP.NET -webformular

For at hjælpe dig med bedre at forstå ASP.NET opretter vi en simpel produktside til en spilbutik. Det første trin er at oprette en ny webformular. I det projekt, du oprettede tidligere, skal du navigere til Fil> Ny> Fil og vælg Webformular. Når du har konfigureret det, skal du kunne se en tom .aspx -fil med kun overskriftskoden.

For at begynde at udvikle det overordnede udseende på din webside, kan du selv bruge enten kode i HTML/CSS eller bruge en skabelon fra Haleblokke.

Vi konfigurerede ovenstående produktsidlayout ved hjælp af en skabelon. Det viser et produktbillede, produktdetaljer og en navigationslinje. Vi tilføjede HTML og CSS i navigationslinjen ved hjælp af hovedsiden.

I koden ovenfor (.aspx.cs -fil) har vi konfigureret belastningsside funktion til at angive produktdetaljer i vores pladsholdere. Du kan oprette lignende funktioner til login, tilmelding, tilføjelse til kurv osv.

Et eksempel asp -tag til at vise produktbeskrivelsen er som følger:

Beskrivelsesværdien fra C# -koden vises i denne pladsholder. Du kan også bruge Visual Studios værktøjskasse til at tilføje displayelementer såsom billeder, knapper, alternativknapper og mere. Der er flere tilgængelige ressourcer online, hvor du kan lære ASP.NET -syntaksen.

ASP.NET webapplikation til begyndere

ASP.NET er en kraftfuld platform til oprettelse af webapplikationer og -tjenester. Du skal være fortrolig med JavaScript, HTML, CSS og C#, før du udvikler en webapplikation i ASP.NET.

Det ultimative JavaScript Cheat Sheet

Få en hurtig opdatering af JavaScript -elementer med dette snydeblad.

Læs Næste

Om forfatteren