Din första ASP.NET -webbapplikation: Så här kommer du igång

ASP.NET är Microsofts gratis plattformsoberoende ramverk för att bygga webbappar och tjänster. ASP.NET -plattformen är en förlängning till .NET, en utvecklarplattform med verktyg, programmeringsspråk och bibliotek som används för att bygga olika applikationer.

Som du säkert har gissat är ASP.NET ett fantastiskt ramverk nybörjare kan använda för att bygga webbappar. Det erbjuder mycket flexibilitet och är lätt att använda. I den här artikeln kommer vi att hjälpa dig att skapa din första webbapplikation i ASP.NET med Microsoft Visual Studio.

Vad är ASP.NET?

ASP står för "Active Server Pages"; ASP och ASP.NET är tekniker på serversidan som används för att visa interaktiva webbsidor. ASP.NET ger utvecklare stor flexibilitet i ett stort, mångsidigt ekosystem med olika bibliotek och verktyg. Utvecklare kan också skapa anpassade bibliotek som de kan dela med alla applikationer som skapats på .NET -plattformen.

Relaterad: Webbramverk värda att lära sig för utvecklare

Du kan skriva back-end-koden för dina ASP.NET-applikationer i C#, Visual Basic eller till och med F#. Denna flexibilitet gör att utvecklare kan koda affärslogiken och datatillgångsskiktet effektivt. En annan stor fördel med att använda ASP.NET är att bygga dynamiska webbsidor med C# med hjälp av ett webbsidemallningssyntaxverktyg som kallas Razor.

Razor tillhandahåller också en syntax för att skapa interaktiva dynamiska webbsidor som innehåller HTML, CSS, JavaScript och C#. Koden på klientsidan är vanligtvis skriven i JavaScript, och ASP.NET kan till och med integreras med andra webbramar som Angular eller React.

Relaterad: Tailwind CSS vs. Bootstrap: Vilken är en bättre ram?

ASP.NET ger också utvecklare ett autentiseringssystem som innehåller en databas, bibliotek, mallar för hantering av inloggningar, extern autentisering till Google, Facebook, etc., och mer. Utvecklare kan använda ASP.NET på alla större plattformar, inklusive Windows, Linux, macOS och till och med Docker.

Hur man skapar en ASP.NET -webbapplikation i Visual Studio

Innan du skapar en webbapplikation är det bäst att du bekantar dig med HTML, CSS, JavaScript och C#, så att du kan få ut det mesta av ASP.NET. Låt oss titta på hur du kan skapa en webbapplikation i ASP.NET i Microsoft Visual Studio 2019.

Se till att du har följande programpaket installerade:

• Microsoft Visual Studio 2019 eller bättre
• ASP.NET- och webbutvecklingsarbetsbelastning från Visual Studio Installer

Förstå ASP.NET -webbapplikationens projektkomponenter

Innan du kan börja utveckla din webbapp är det viktigt att förstå de väsentliga komponenterna i ASP.NET och hur du kan använda dem i din webbapplikation.

I den här självstudien använder vi ASP.NET -webbformulär för att skapa de enskilda webbsidorna som hemsidan, kontakta oss etc. Varje webbformulär har tre huvudkomponenter, en .aspx -fil för HTML/CSS, en .aspx.cs -kodfil och en .aspx.designer.cs -fil. Vi kommer mestadels att arbeta i .aspx- och .aspx.cs -filerna för den här självstudien.

.Aspx -filen innehåller alla HTML- och CSS -koder för dina webbsidor. Se till att du använder asp -taggar snarare än HTML -taggar, eftersom asp -taggar hämtar data från servern och skickar indata till servern. Detta är funktionalitetskarakteristiken som krävs i en dynamisk webbapplikation.

.Aspx.cs -filen innehåller C# -koden för dina webbsidor, och detta styr vad som händer när en viss händelse, till exempel en webbsida laddas, en knapp klickas med mera. Du kan skapa separata funktioner för varje funktion och länka den till den relevanta asp -taggen i motsvarande .aspx -fil.

Huvudsidor är fördelaktiga för utvecklare och lägger till viktiga komponenter som navigeringsfältet och sidfoten till varje webbsida. I stället för att lägga till samma kod upprepade gånger kan utvecklare lägga till all mallkod som krävs på en huvudsida och sedan länka varje webbsida till mastersidan. Vi visar dig hur du gör det i följande avsnitt.

Skapa ett nytt ASP.NET -webbappprojekt

Det första steget i att skapa en webbapplikation i ASP.NET är att välja en projektmall och skapa en ny webbapplikation:

1. Starta Microsoft Visual Studio och klicka på Skapa ett nytt projekt
2. Skriv ASP.NET i mallens sökruta, välj ASP.NET webbapplikation (.NET Framework) och klicka Nästa. Du får inte den här mallen om du inte har de installationer som krävs i föregående avsnitt.
3. I nästa skärm, konfigurera ditt projektnamn och katalog och klicka på Nästa.
4. Visual Studio skapar nu din projektmall, och du bör kunna köra mallprogrammet genom att klicka på den gröna uppspelningsknappen högst upp på skärmen.

Skapa ett nytt ASP.NET -webbformulär

För att hjälpa dig att bättre förstå ASP.NET skapar vi en enkel produktsida för en spelbutik. Det första steget är att skapa en ny webbformulär. I det projekt du skapade tidigare navigerar du till Arkiv> Ny> Arkiv och välj Webbformulär. När du har konfigurerat det bör du kunna se en tom .aspx -fil med bara rubrikkoden.

För att börja utveckla det övergripande utseendet på din webbsida kan du använda antingen kod i HTML/CSS själv eller använda en mall från Svansblock.

Vi konfigurerade ovanstående produktsidlayout med en mall. Den visar en produktbild, produktinformation och ett navigeringsfält. Vi lade till HTML och CSS i navigeringsfältet med hjälp av mastersidan.

I koden ovan (.aspx.cs -fil) har vi konfigurerat belastningssida funktion för att ställa in produktinformation i våra platshållare. Du kan skapa liknande funktioner för inloggning, registrering, lägg till i kundvagn, etc.

Ett exempel på en asp -tagg för att visa produktbeskrivningen är följande:

Beskrivningsvärdet från C# -koden visas i denna platshållare. Du kan också använda Visual Studios verktygslåda för att lägga till visningselement som bilder, knappar, alternativknappar och mer. Det finns flera resurser tillgängliga online där du kan lära dig ASP.NET -syntaxen.

ASP.NET webbapplikation för nybörjare

ASP.NET är en kraftfull plattform för att skapa webbapplikationer och tjänster. Du måste vara bekväm med JavaScript, HTML, CSS och C# innan du utvecklar en webbapplikation i ASP.NET.

Det ultimata JavaScript -fuskbladet

Få en snabb uppdatering av JavaScript -element med detta fuskblad.

Läs Nästa

Om författaren