{"id":91803,"date":"2022-10-12T05:52:37","date_gmt":"2022-10-12T10:52:37","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/din-forsta-asp-net-webbapplikation-sa-har-kommer-du-igang\/"},"modified":"2022-10-12T05:52:37","modified_gmt":"2022-10-12T10:52:37","slug":"din-forsta-asp-net-webbapplikation-sa-har-kommer-du-igang","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/din-forsta-asp-net-webbapplikation-sa-har-kommer-du-igang\/","title":{"rendered":"Din f\u00f6rsta ASP.NET-webbapplikation: S\u00e5 h\u00e4r kommer du ig\u00e5ng"},"content":{"rendered":"
\n

ASP.NET \u00e4r Microsofts free plattformsoberoende ramverk f\u00f6r att bygga webbappar och tj\u00e4nster. ASP.NET-plattformen \u00e4r ett till\u00e4gg till .NET, en utvecklarplattform med verktyg, programmeringsspr\u00e5k och bibliotek som anv\u00e4nds f\u00f6r att bygga olika applikationer.<\/p>\n

Som du s\u00e4kert har gissat \u00e4r ASP.NET ett fantastiskt ramverk som nyb\u00f6rjare kan anv\u00e4nda f\u00f6r att bygga webbappar. Det erbjuder mycket flexibilitet och \u00e4r l\u00e4tt att anv\u00e4nda. I den h\u00e4r artikeln kommer vi att hj\u00e4lpa dig att skapa din f\u00f6rsta webbapplikation i ASP.NET med hj\u00e4lp av Microsoft Visual Studio.<\/p>\n

<\/span> Vad \u00e4r ASP.NET?<\/span><\/h2>\n

ASP st\u00e5r f\u00f6r \u201cActive Server Pages\u201d; ASP och ASP.NET \u00e4r teknologier p\u00e5 serversidan som anv\u00e4nds f\u00f6r att visa interaktiva webbsidor. ASP.NET ger utvecklare mycket flexibilitet i ett ansenligt, m\u00e5ngsidigt ekosystem med olika bibliotek och verktyg. Utvecklare kan ocks\u00e5 skapa anpassade bibliotek som de kan dela med alla program som skapats p\u00e5 .NET-plattformen.<\/p>\n

Du kan skriva back-end-koden f\u00f6r dina ASP.NET-applikationer i C#, Visual Basic eller till och med F#. Denna flexibilitet g\u00f6r att utvecklare kan koda aff\u00e4rslogik och data\u00e5tkomstlagret effektivt. En annan betydande f\u00f6rdel med att anv\u00e4nda ASP.NET \u00e4r att bygga dynamiska webbsidor med C# med hj\u00e4lp av ett syntaxverktyg f\u00f6r webbsidor som kallas Razor.<\/p>\n

Razor tillhandah\u00e5ller ocks\u00e5 en syntax f\u00f6r att skapa interaktiva dynamiska webbsidor som inneh\u00e5ller HTML, CSS, JavaScript och C#. Koden p\u00e5 klientsidan \u00e4r vanligtvis skriven i JavaScript, och ASP.NET kan till och med integreras med andra webbramverk som Angular eller React.<\/p>\n

ASP.NET f\u00f6rser \u00e4ven utvecklare med ett autentiseringssystem som inkluderar en databas, bibliotek, mallar f\u00f6r att hantera inloggningar, extern autentisering till Google, Facebook, etc., med mera. Utvecklare kan anv\u00e4nda ASP.NET p\u00e5 alla st\u00f6rre plattformar, inklusive Windows, Linux, macOS och till och med Docker.<\/p>\n

<\/span> Hur man skapar en ASP.NET-webbapplikation i Visual Studio<\/span><\/h2>\n

Innan du skapar en webbapplikation \u00e4r det b\u00e4st att du bekantar dig med HTML, CSS, JavaScript och C#, s\u00e5 att du kan f\u00e5 ut det mesta av ASP.NET. L\u00e5t oss titta p\u00e5 hur du kan skapa en webbapplikation i ASP.NET i Microsoft Visual Studio 2019.<\/p>\n

Se till att du har f\u00f6ljande programvarupaket installerade:<\/p>\n

Microsoft Visual Studio 2019 eller b\u00e4ttre ASP.NET och arbetsbelastning f\u00f6r webbutveckling fr\u00e5n Visual Studio Installer <\/p>\n

<\/span>F\u00f6rst\u00e5 ASP.NET webbapplikationsprojektkomponenter<\/span><\/h3>\n

Innan du kan b\u00f6rja utveckla din webbapp \u00e4r det viktigt att f\u00f6rst\u00e5 de v\u00e4sentliga komponenterna i ASP.NET och hur du kan anv\u00e4nda dem i din webbapplikation.<\/p>\n

I den h\u00e4r handledningen kommer vi att anv\u00e4nda ASP.NET-webbformul\u00e4r f\u00f6r att skapa de enskilda webbsidorna som hemsidan, Kontakta oss etc. Varje webbformul\u00e4r har tre huvudkomponenter, en .aspx-fil f\u00f6r HTML\/CSS, en .aspx .cs-kodfil och en .aspx.designer.cs-fil. Vi kommer mestadels att arbeta i .aspx- och .aspx.cs-filerna f\u00f6r den h\u00e4r handledningen.<\/p>\n

\n<\/figure>\n

.aspx-filen kommer att inneh\u00e5lla all HTML- och CSS-kod f\u00f6r dina webbsidor. Se till att du anv\u00e4nder asp-taggar ist\u00e4llet f\u00f6r HTML-taggar, eftersom asp-taggar h\u00e4mtar data fr\u00e5n servern och skickar indata till servern. Detta \u00e4r den funktionalitet som kr\u00e4vs i en dynamisk webbapplikation.<\/p>\n

.aspx.cs-filen inneh\u00e5ller C#-koden f\u00f6r dina webbsidor, och den styr vad som h\u00e4nder n\u00e4r en viss h\u00e4ndelse som en webbsida laddas, en knapp klickas och mer. Du kan skapa separata funktioner f\u00f6r varje funktion och l\u00e4nka den till den relevanta asp-taggen i motsvarande .aspx-fil.<\/p>\n

Master Pages \u00e4r f\u00f6rdelaktiga f\u00f6r utvecklare och l\u00e4gger till viktiga komponenter som navigeringsf\u00e4ltet och sidfoten p\u00e5 varje webbsida. Ist\u00e4llet f\u00f6r att l\u00e4gga till samma kod upprepade g\u00e5nger kan utvecklare l\u00e4gga till all mall som kr\u00e4vs p\u00e5 en huvudsida och sedan l\u00e4nka varje webbsida till huvudsidan. Vi visar dig hur du g\u00f6r det i f\u00f6ljande avsnitt.<\/p>\n

<\/span>Skapa ett nytt ASP.NET Web App-projekt<\/span><\/h3>\n

Det f\u00f6rsta steget i att skapa en webbapplikation i ASP.NET \u00e4r att v\u00e4lja en projektmall och skapa en ny webbapplikation:<\/p>\n

\n<\/figure>\n
    Starta Microsoft Visual Studio och klicka p\u00e5 Skapa ett nytt projekt<\/strong> Skriv ASP.NET i malls\u00f6kningsrutan, v\u00e4lj ASP.NET webbapplikation <\/strong>(.NET Framework<\/strong>) och klicka N\u00e4sta<\/strong>. Du kommer inte att f\u00e5 den h\u00e4r mallen om du inte har de n\u00f6dv\u00e4ndiga installationerna som n\u00e4mns i f\u00f6reg\u00e5ende avsnitt. P\u00e5 n\u00e4sta sk\u00e4rm konfigurerar du ditt projektnamn och katalog och klickar p\u00e5 N\u00e4sta<\/strong>. Visual Studio kommer nu att skapa din projektmall, och du b\u00f6r kunna k\u00f6ra mallapplikationen genom att klicka p\u00e5 den gr\u00f6na uppspelningsknappen l\u00e4ngst upp p\u00e5 sk\u00e4rmen. <\/ol>\n

    <\/span>Skapa ett nytt ASP.NET-webbformul\u00e4r<\/span><\/h3>\n
    \n<\/figure>\n

    F\u00f6r att hj\u00e4lpa dig att b\u00e4ttre f\u00f6rst\u00e5 ASP.NET skapar vi en enkel produktsida f\u00f6r en spelbutik. Det f\u00f6rsta steget \u00e4r att skapa ett nytt webbformul\u00e4r. I projektet du skapade tidigare, navigera till Arkiv > Ny > Arkiv<\/strong> och v\u00e4lj Webbformul\u00e4r<\/strong>. N\u00e4r du har st\u00e4llt in den b\u00f6r du kunna se en tom .aspx-fil med bara rubrikkoden.<\/p>\n

    F\u00f6r att b\u00f6rja utveckla det \u00f6vergripande utseendet p\u00e5 din webbsida kan du anv\u00e4nda antingen kod i HTML\/CSS sj\u00e4lv eller anv\u00e4nda en mall fr\u00e5n Tailblocks.<\/p>\n

    \n<\/figure>\n

    Vi st\u00e4ller upp ovanst\u00e5ende produktsidelayout med hj\u00e4lp av en mall. Den visar en produktbild, produktinformation och ett navigeringsf\u00e4lt. Vi lade till HTML och CSS i navigeringsf\u00e4ltet med hj\u00e4lp av huvudsidan.<\/p>\n

    \n<\/figure>\n

    I koden ovan (.aspx.cs-fil) har vi st\u00e4llt in laddningssida <\/strong>funktion f\u00f6r att st\u00e4lla in produktdetaljer i v\u00e5ra platsh\u00e5llare. Du kan skapa liknande funktioner f\u00f6r inloggning, registrering, l\u00e4gg till i kundvagn, etc.<\/p>\n

    Ett exempel p\u00e5 asp-tagg f\u00f6r att visa produktbeskrivningen \u00e4r som f\u00f6ljer:<\/p>\n

    <asp:Label ID=\"description\" runat=\"server\" Text=\"\" class=\"leading-relaxed\"><\/asp:Label><\/pre>\n
    Beskrivningsv\u00e4rdet fr\u00e5n C#-koden kommer att visas i denna platsh\u00e5llare.  Du kan ocks\u00e5 anv\u00e4nda Visual Studios verktygsl\u00e5da f\u00f6r att l\u00e4gga till visningselement som bilder, knappar, alternativknappar och mer.  Det finns flera resurser tillg\u00e4ngliga online d\u00e4r du kan l\u00e4ra dig ASP.NET-syntaxen.<\/p>\n
    <\/span>  ASP.NET webbapplikation f\u00f6r nyb\u00f6rjare<\/span><\/h2>\n
    ASP.NET \u00e4r en kraftfull plattform f\u00f6r att skapa webbapplikationer och tj\u00e4nster.  Du m\u00e5ste vara bekv\u00e4m med JavaScript, HTML, CSS och C# innan du utvecklar en webbapplikation i ASP.NET.<\/p>\n
        Om f\u00f6rfattaren<\/strong><\/p>\n
                M. Fahad Khawaja (91 artiklar publicerade)
    <\/strong><\/p>\n
    Fahad \u00e4r f\u00f6rfattare p\u00e5 MakeUseOf och studerar f\u00f6r n\u00e4rvarande datavetenskap.  Som en ivrig teknikskribent ser han till att han h\u00e5ller sig uppdaterad med den senaste tekniken.  Han \u00e4r s\u00e4rskilt intresserad av fotboll och teknik.<\/p>\n
                                Mer fr\u00e5n M. Fahad Khawaja<\/p>\n
    <\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
    G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
    Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
    \n
    \n
    Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n