ASP.NET är Microsofts free plattformsoberoende ramverk för att bygga webbappar och tjänster. ASP.NET-plattformen är ett tillägg 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 som 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 hjälp av Microsoft Visual Studio.
Vad är ASP.NET?
ASP står för “Active Server Pages”; ASP och ASP.NET är teknologier på serversidan som används för att visa interaktiva webbsidor. ASP.NET ger utvecklare mycket flexibilitet i ett ansenligt, mångsidigt ekosystem med olika bibliotek och verktyg. Utvecklare kan också skapa anpassade bibliotek som de kan dela med alla program som skapats på .NET-plattformen.
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ärslogik och dataåtkomstlagret effektivt. En annan betydande fördel med att använda ASP.NET är att bygga dynamiska webbsidor med C# med hjälp av ett syntaxverktyg för webbsidor 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 webbramverk som Angular eller React.
ASP.NET förser även utvecklare med ett autentiseringssystem som inkluderar en databas, bibliotek, mallar för att hantera inloggningar, extern autentisering till Google, Facebook, etc., med mera. 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 programvarupaket installerade:
Microsoft Visual Studio 2019 eller bättre ASP.NET och arbetsbelastning för webbutveckling från Visual Studio Installer
Förstå ASP.NET webbapplikationsprojektkomponenter
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 handledningen kommer vi att använda 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 handledningen.
.aspx-filen kommer att innehålla all HTML- och CSS-kod för dina webbsidor. Se till att du använder asp-taggar istället för HTML-taggar, eftersom asp-taggar hämtar data från servern och skickar indata till servern. Detta är den funktionalitet som krävs i en dynamisk webbapplikation.
.aspx.cs-filen innehåller C#-koden för dina webbsidor, och den styr vad som händer när en viss händelse som en webbsida laddas, en knapp klickas och mer. Du kan skapa separata funktioner för varje funktion och länka den till den relevanta asp-taggen i motsvarande .aspx-fil.
Master Pages är fördelaktiga för utvecklare och lägger till viktiga komponenter som navigeringsfältet och sidfoten på varje webbsida. Istället för att lägga till samma kod upprepade gånger kan utvecklare lägga till all mall som krävs på en huvudsida och sedan länka varje webbsida till huvudsidan. Vi visar dig hur du gör det i följande avsnitt.
Skapa ett nytt ASP.NET Web App-projekt
Det första steget i att skapa en webbapplikation i ASP.NET är att välja en projektmall och skapa en ny webbapplikation:
- Starta Microsoft Visual Studio och klicka på Skapa ett nytt projekt Skriv ASP.NET i mallsökningsrutan, välj ASP.NET webbapplikation (.NET Framework) och klicka Nästa. Du kommer inte att få den här mallen om du inte har de nödvändiga installationerna som nämns i föregående avsnitt. På nästa skärm konfigurerar du ditt projektnamn och katalog och klickar på Nästa. Visual Studio kommer nu att skapa din projektmall, och du bör kunna köra mallapplikationen genom att klicka på den gröna uppspelningsknappen längst 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 ett nytt webbformulär. I projektet du skapade tidigare, navigera till Arkiv > Ny > Arkiv och välj Webbformulär. När du har ställt in den 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 Tailblocks.
Vi ställer upp ovanstående produktsidelayout med hjälp av en mall. Den visar en produktbild, produktinformation och ett navigeringsfält. Vi lade till HTML och CSS i navigeringsfältet med hjälp av huvudsidan.
I koden ovan (.aspx.cs-fil) har vi ställt in laddningssida funktion för att ställa in produktdetaljer i våra platshållare. Du kan skapa liknande funktioner för inloggning, registrering, lägg till i kundvagn, etc.
Ett exempel på asp-tagg för att visa produktbeskrivningen är som följer:
<asp:Label ID="description" runat="server" Text="" class="leading-relaxed"></asp:Label>
Beskrivningsvärdet från C#-koden kommer att 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.
Om författaren
M. Fahad Khawaja (91 artiklar publicerade)
Fahad är författare på MakeUseOf och studerar för närvarande datavetenskap. Som en ivrig teknikskribent ser han till att han håller sig uppdaterad med den senaste tekniken. Han är särskilt intresserad av fotboll och teknik.
Mer från M. Fahad Khawaja
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, free e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
