Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

ASP.NET is het gratis platformonafhankelijke framework van Microsoft voor het bouwen van web-apps en -services. Het ASP.NET-platform is een uitbreiding op .NET, een ontwikkelaarsplatform van tools, programmeertalen en bibliotheken die worden gebruikt om verschillende applicaties te bouwen.

Zoals je waarschijnlijk al geraden hebt, is ASP.NET een fantastisch framework dat beginners kunnen gebruiken om web-apps te bouwen. Het biedt veel flexibiliteit en is eenvoudig in gebruik. In dit artikel gaan we u helpen bij het maken van uw eerste webtoepassing in ASP.NET met Microsoft Visual Studio.

Wat is ASP.NET?

ASP staat voor "Active Server Pages"; ASP en ASP.NET zijn server-side technologieën die worden gebruikt om interactieve webpagina's weer te geven. ASP.NET biedt ontwikkelaars veel flexibiliteit in een omvangrijk, veelzijdig ecosysteem met verschillende bibliotheken en tools. Ontwikkelaars kunnen ook aangepaste bibliotheken maken die ze kunnen delen met elke toepassing die op het .NET-platform is gemaakt.

Gerelateerd: Webframeworks die het waard zijn om te leren voor ontwikkelaars

U kunt de back-endcode voor uw ASP.NET-toepassingen schrijven in C#, Visual Basic of zelfs F#. Deze flexibiliteit stelt ontwikkelaars in staat om de bedrijfslogica en gegevenstoegangslaag effectief te coderen. Een ander belangrijk voordeel van het gebruik van ASP.NET is het bouwen van dynamische webpagina's met C# met behulp van een syntaxistool voor webpaginatemplates die bekend staat als Razor.

Razor biedt ook een syntaxis voor het maken van interactieve dynamische webpagina's met HTML, CSS, JavaScript en C#. De code aan de clientzijde is meestal geschreven in JavaScript en ASP.NET kan zelfs worden geïntegreerd met andere webframeworks zoals Angular of React.

Gerelateerd: Tailwind CSS versus Bootstrap: wat is een beter framework?

ASP.NET biedt ontwikkelaars ook een authenticatiesysteem met een database, bibliotheken, sjablonen voor het beheren van aanmeldingen, externe authenticatie bij Google, Facebook, enz., en meer. Ontwikkelaars kunnen ASP.NET gebruiken op alle grote platforms, waaronder Windows, Linux, macOS en zelfs Docker.

Een ASP.NET-webtoepassing maken in Visual Studio

Voordat u een webtoepassing maakt, kunt u het beste vertrouwd raken met HTML, CSS, JavaScript en C#, zodat u het meeste uit ASP.NET kunt halen. Laten we eens kijken hoe u een webtoepassing kunt maken in ASP.NET in Microsoft Visual Studio 2019.

Zorg ervoor dat u de volgende softwarepakketten hebt geïnstalleerd:

  • Microsoft Visual Studio 2019 of beter
  • Werkbelasting voor ASP.NET en webontwikkeling vanuit het installatieprogramma van Visual Studio

De onderdelen van het ASP.NET-webtoepassingsproject begrijpen

Voordat u kunt beginnen met het ontwikkelen van uw webapp, is het van cruciaal belang om de essentiële componenten van ASP.NET te begrijpen en te begrijpen hoe u deze in uw webtoepassing kunt gebruiken.

In deze zelfstudie gebruiken we ASP.NET-webformulieren om de afzonderlijke webpagina's te maken, zoals de startpagina, contact opnemen, enz. Elk webformulier heeft drie hoofdcomponenten, een .aspx-bestand voor de HTML/CSS, een .aspx .cs-codebestand en een .aspx.designer.cs-bestand. Voor deze zelfstudie werken we voornamelijk in de .aspx- en .aspx.cs-bestanden.

Het .aspx-bestand bevat alle HTML- en CSS-code van uw webpagina's. Zorg ervoor dat u asp-tags gebruikt in plaats van HTML-tags, omdat asp-tags gegevens ophalen van de server en invoergegevens naar de server verzenden. Dit is het functionaliteitskenmerk dat vereist is in een dynamische webapplicatie.

Het .aspx.cs-bestand bevat de C#-code van uw webpagina's en dit bepaalt wat er gebeurt wanneer een bepaalde gebeurtenis, zoals een webpagina, wordt geladen, op een knop wordt geklikt en meer. U kunt voor elke functie aparte functies maken en deze koppelen aan de relevante asp-tag in het bijbehorende .aspx-bestand.

Hoofdpagina's zijn gunstig voor ontwikkelaars en voegen essentiële componenten zoals de navigatiebalk en voettekst toe aan elke webpagina. In plaats van steeds dezelfde code toe te voegen, kunnen ontwikkelaars alle door een sjabloon vereiste code in één hoofdpagina toevoegen en vervolgens elke webpagina aan de hoofdpagina koppelen. In de volgende paragrafen laten we u zien hoe u dat doet.

Een nieuw ASP.NET-webappproject maken

De eerste stap bij het maken van een webtoepassing in ASP.NET is het selecteren van een projectsjabloon en het maken van een nieuwe webtoepassing:

Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

  1. Start Microsoft Visual Studio en klik op Een nieuw project maken
  2. Typ ASP.NET in het sjabloonzoekvak, selecteer ASP.NET-webtoepassing ( .NET Framework ) en klik op Volgende . U krijgt deze sjabloon niet als u niet beschikt over de vereiste installaties die in de vorige sectie zijn genoemd.
  3. Configureer in het volgende scherm uw projectnaam en directory en klik op Volgende .
  4. Visual Studio zal nu uw projectsjabloon maken en u zou de sjabloontoepassing moeten kunnen uitvoeren door op de groene afspeelknop boven aan het scherm te klikken.

Een nieuw ASP.NET-webformulier maken

Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

Om u te helpen ASP.NET beter te begrijpen, maken we een eenvoudige productpagina voor een gamewinkel. De eerste stap is het maken van een nieuw webformulier. Navigeer in het project dat u eerder hebt gemaakt naar Bestand > Nieuw > Bestand en selecteer Webformulier . Als je het eenmaal hebt ingesteld, zou je een leeg .aspx-bestand moeten kunnen zien met alleen de headercode.

Om het algehele uiterlijk van uw webpagina te ontwikkelen, kunt u zelf code in de HTML/CSS gebruiken of een sjabloon van Tailblocks gebruiken .

Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

We hebben de bovenstaande lay-out van de productpagina opgezet met behulp van een sjabloon. Het toont een productafbeelding, productdetails en een navigatiebalk. We hebben de HTML en CSS van de navigatiebalk toegevoegd met behulp van de hoofdpagina.

Uw eerste ASP.NET-webtoepassing: hoe u aan de slag gaat

In de bovenstaande code (.aspx.cs-bestand) hebben we de loadpage- functie ingesteld om productdetails in onze tijdelijke aanduidingen in te stellen. U kunt vergelijkbare functies maken voor inloggen, aanmelden, toevoegen aan winkelwagentje, enz.

Een voorbeeld van een asp-tag om de productbeschrijving weer te geven is als volgt:

De beschrijvingswaarde van de C#-code wordt in deze tijdelijke aanduiding weergegeven. U kunt ook de Toolbox van Visual Studio gebruiken om weergave-elementen toe te voegen, zoals afbeeldingen, knoppen, keuzerondjes en meer. Er zijn verschillende bronnen online beschikbaar waar u de ASP.NET-syntaxis kunt leren.

ASP.NET-webtoepassing voor beginners

ASP.NET is een krachtig platform voor het maken van webapplicaties en -services. U moet vertrouwd zijn met JavaScript, HTML, CSS en C# voordat u een webtoepassing in ASP.NET ontwikkelt.


Python gebruiken als opdrachtregelcalculator

Python gebruiken als opdrachtregelcalculator

Hoewel u een grafische rekenmachine op uw computer kunt gebruiken, kan de Python-programmeertaalinterpreter ook dienst doen als bureaurekenmachine. Het is zo'n populaire hardloopgrap in de Python-gemeenschap dat het wordt genoemd in de officiële tutorial. Hier leest u hoe u Python als rekenmachine kunt gebruiken.

De 8 beste Java-blogs voor programmeurs

De 8 beste Java-blogs voor programmeurs

Als programmeur moet je uitdagingen aangaan om te overleven en wonderen te bouwen op het gebied van ontwikkeling of programmeren. Als u dus een geavanceerde programmeertaal wilt leren om uw carrièrevaardigheden te verbeteren, is Java een van de beste vooruitzichten die er zijn.

7 essentiële commandos om aan de slag te gaan met Python voor beginners

7 essentiële commandos om aan de slag te gaan met Python voor beginners

Het leren van een nieuwe programmeertaal zoals Python wordt moeiteloos als je een uitgebreid stappenplan hebt waarin wordt beschreven welke concepten je als beginner moet leren en hoe je verder kunt komen om de volgende mijlpaal te bereiken. Zelfs gevorderde programmeurs zouden hun basis regelmatig moeten opfrissen om een ​​solide basis voor zichzelf op te bouwen.

Responsieve webontwerpprincipes

Responsieve webontwerpprincipes

Tegenwoordig is het gebruikelijk om een ​​website of app te bouwen die de gebruikersinterface aanpast, afhankelijk van de browser of het apparaat. Er zijn twee benaderingen om dit doel te bereiken. De eerste omvat het maken van verschillende versies van uw website of app voor verschillende apparaten. Maar het is inefficiënt en kan leiden tot onvoorspelbare fouten.

Het aantal cijfers in een getal tellen met C++, Python en JavaScript

Het aantal cijfers in een getal tellen met C++, Python en JavaScript

Werken met getallen is een integraal onderdeel van programmeren. Elke programmeertaal biedt ondersteuning om getallen op veel verschillende manieren te manipuleren. In dit artikel leert u hoe u het totale aantal cijfers in een geheel getal kunt vinden met behulp van iteratieve, op logs gebaseerde en op tekenreeksen gebaseerde benaderingen.

SQL versus NoSQL: wat is de beste database voor uw volgende project?

SQL versus NoSQL: wat is de beste database voor uw volgende project?

SQL versus NoSQL: wat is de beste database voor uw volgende project?

Tweets insluiten in uw WordPress-berichten

Tweets insluiten in uw WordPress-berichten

Het insluiten van services van derden in uw WordPress-berichten is een opwindende manier om de interesse van een bezoeker te wekken. Ingesloten inhoud biedt ook visuele aanwijzingen die het scannen gemakkelijker maken. WordPress heeft het toevoegen van dit soort inhoud eenvoudig gemaakt.

Hoe de map Node Modules te verwijderen met npkill

Hoe de map Node Modules te verwijderen met npkill

Node.js is een JavaScript-runtimeomgeving waarmee u JavaScript buiten webbrowsers kunt uitvoeren, waardoor het een populaire keuze is voor het ontwikkelen van allerlei soorten toepassingen. Een deel van zijn populariteit is te danken aan de overvloed aan NPM-pakketten die er zijn om de ontwikkelaarservaring te vergemakkelijken.

Hoe u uw eerste Solidity-code schrijft en compileert

Hoe u uw eerste Solidity-code schrijft en compileert

Solidity is de programmeertaal die wordt gebruikt door slimme contracten op de Ethereum-blockchain. Het is een statisch getypeerde, objectgeoriënteerde programmeertaal.

Top 5 badges die uw GitHub-repository een boost zullen geven

Top 5 badges die uw GitHub-repository een boost zullen geven

GitHub-badges kunnen de leesbaarheid van een repository vergroten door gebruikers een snelle manier te bieden om de repository-statistieken vast te leggen. Badges kunnen worden ingesloten in uw README.md om het belang en de noodzaak van uw project aan andere ontwikkelaars duidelijk te maken. Als gevolg hiervan krijgen lezers een heel snel idee van de repository door de bijgevoegde badges te controleren.

Wat is de Internationale Dag van de Programmeurs? 3 manieren om dit jaar te vieren

Wat is de Internationale Dag van de Programmeurs? 3 manieren om dit jaar te vieren

Internationale feestdagen zijn een leuke manier om erkenning te geven aan sociale zaken, historische dagen en respectieve carrières. International Programmers' Day viert de rol die programmeurs spelen om het dagelijks leven te verbeteren. De beschaafde wereld waarin we leven is een product van het harde werk van programmeurs.

Hoe werkt de methode Python String format()? 10 voorbeelden

Hoe werkt de methode Python String format()? 10 voorbeelden

Of het nu gaat om een ​​databasequery of resultaten van wiskundige bewerkingen, de Python-tekenreeksindelingsmethode biedt een meer dynamische en aantrekkelijke manier om resultaten aan een gebruiker te presenteren.

Visual Studio 2022 vs. 2019: moet u nu upgraden? uitgelegd

Visual Studio 2022 vs. 2019: moet u nu upgraden? uitgelegd

Eerder dit jaar bracht Microsoft de preview-versie van Visual Studio 2022 uit in de wilde programmeerwereld. Dit is goed nieuws! Het is een extreem populaire IDE, maar aan een opknapbeurt of misschien zelfs een revisie toe, gezien het tempo van de veranderingen in het DevOps-ecosysteem waarin het gedijt.

Een eenvoudige introductie tot softwarestatistieken

Een eenvoudige introductie tot softwarestatistieken

Softwarestatistieken zijn metingen die worden gebruikt om verschillende aspecten van uw software te kwantificeren. Deze aspecten kunnen variëren van de kosten, kwaliteit en efficiëntie van het ontwikkelteam.

Flask of CherryPy: welk Python-framework moet je gebruiken?

Flask of CherryPy: welk Python-framework moet je gebruiken?

Als je een Python-ontwikkelaar bent, kun je enorm profiteren van de reeks beschikbare frameworks. Terwijl sommige kaders het meest geschikt zijn voor grote ecosystemen, zijn andere gespecialiseerd in het dienen van specifieke ontwikkelingsdoelen. Lees verder om de basisfuncties, het gebruik en de verschillen tussen twee Python-frameworks te leren: Flask en CherryPy.

N-cijferige perfecte kubussen en vierkanten vinden met Python, C++ en JavaScript

N-cijferige perfecte kubussen en vierkanten vinden met Python, C++ en JavaScript

Veel programmeurs houden ervan om lastige wiskundige problemen op te lossen met behulp van code. Het helpt de geest te scherpen en het probleemoplossend vermogen te verbeteren. In dit artikel leer je hoe je de kleinste en grootste n-cijferige perfecte vierkanten en kubussen kunt vinden met Python, C++ en JavaScript. Elk voorbeeld bevat ook voorbeelduitvoer voor verschillende waarden.

Hoe de Python if-instructie te gebruiken?

Hoe de Python if-instructie te gebruiken?

Het if-statement is de drijvende kracht achter logisch programmeren. Als gevolg hiervan is een beter begrip van Pythons een belangrijke toevoeging aan je Python-programmeervaardigheden.

Coderen is niet voor iedereen: 9 technische banen die je zonder kunt krijgen

Coderen is niet voor iedereen: 9 technische banen die je zonder kunt krijgen

Technologie is zonder twijfel de industrie van de toekomst. Als je een van de miljoenen jonge volwassenen bent die op het punt staan ​​om in de eerste fase van je carrière te duiken, vraag je je misschien af ​​wat je moet doen als je niet van coderen houdt.

Hoe u uw virtuele Python-omgevingen effectief kunt maken en beheren

Hoe u uw virtuele Python-omgevingen effectief kunt maken en beheren

U kunt een real-life project in Python niet met succes voltooien zonder een virtuele omgeving. Tools zoals virtualenvwrapper en virtualenv zijn gebruikelijk voor het maken en beheren van virtuele omgevingen voor webontwikkeling, terwijl anaconda veel wordt gebruikt door datawetenschappers.

Het CSS Box-model uitgelegd met voorbeelden

Het CSS Box-model uitgelegd met voorbeelden

Als u van plan bent een geweldige webpagina-indeling te maken, moet u weten over marges, randen, opvulling en inhoud. Elk element in webdesign, of het nu een afbeelding of tekst is, gebruikt een kader met deze eigenschappen. Je kunt eenvoudig complexe lay-outs bouwen door te spelen met het doosmodel. In dit artikel zullen we het CSS Box-model ontleden en laten zien hoe u deze eigenschappen kunt gebruiken met praktische voorbeelden.

Python gebruiken als opdrachtregelcalculator

Python gebruiken als opdrachtregelcalculator

Hoewel u een grafische rekenmachine op uw computer kunt gebruiken, kan de Python-programmeertaalinterpreter ook dienst doen als bureaurekenmachine. Het is zo'n populaire hardloopgrap in de Python-gemeenschap dat het wordt genoemd in de officiële tutorial. Hier leest u hoe u Python als rekenmachine kunt gebruiken.

De 8 beste Java-blogs voor programmeurs

De 8 beste Java-blogs voor programmeurs

Als programmeur moet je uitdagingen aangaan om te overleven en wonderen te bouwen op het gebied van ontwikkeling of programmeren. Als u dus een geavanceerde programmeertaal wilt leren om uw carrièrevaardigheden te verbeteren, is Java een van de beste vooruitzichten die er zijn.

7 essentiële commandos om aan de slag te gaan met Python voor beginners

7 essentiële commandos om aan de slag te gaan met Python voor beginners

Het leren van een nieuwe programmeertaal zoals Python wordt moeiteloos als je een uitgebreid stappenplan hebt waarin wordt beschreven welke concepten je als beginner moet leren en hoe je verder kunt komen om de volgende mijlpaal te bereiken. Zelfs gevorderde programmeurs zouden hun basis regelmatig moeten opfrissen om een ​​solide basis voor zichzelf op te bouwen.

Responsieve webontwerpprincipes

Responsieve webontwerpprincipes

Tegenwoordig is het gebruikelijk om een ​​website of app te bouwen die de gebruikersinterface aanpast, afhankelijk van de browser of het apparaat. Er zijn twee benaderingen om dit doel te bereiken. De eerste omvat het maken van verschillende versies van uw website of app voor verschillende apparaten. Maar het is inefficiënt en kan leiden tot onvoorspelbare fouten.

Het aantal cijfers in een getal tellen met C++, Python en JavaScript

Het aantal cijfers in een getal tellen met C++, Python en JavaScript

Werken met getallen is een integraal onderdeel van programmeren. Elke programmeertaal biedt ondersteuning om getallen op veel verschillende manieren te manipuleren. In dit artikel leert u hoe u het totale aantal cijfers in een geheel getal kunt vinden met behulp van iteratieve, op logs gebaseerde en op tekenreeksen gebaseerde benaderingen.

De 9 beste Docker-alternatieven voor containerbeheer

De 9 beste Docker-alternatieven voor containerbeheer

Containers zijn zeer nuttig voor softwareontwikkeling, implementatie en beheer in een virtuele omgeving. Docker is handig in het containerisatieproces, maar het is niet het enige platform dat er is. Als u op zoek bent naar alternatieven voor Docker, hoeft u niet verder te zoeken. Deze lijst toont enkele veelzijdige en efficiënte Docker-alternatieven die u in uw volgende project kunt gebruiken.

SQL versus NoSQL: wat is de beste database voor uw volgende project?

SQL versus NoSQL: wat is de beste database voor uw volgende project?

SQL versus NoSQL: wat is de beste database voor uw volgende project?

Tweets insluiten in uw WordPress-berichten

Tweets insluiten in uw WordPress-berichten

Het insluiten van services van derden in uw WordPress-berichten is een opwindende manier om de interesse van een bezoeker te wekken. Ingesloten inhoud biedt ook visuele aanwijzingen die het scannen gemakkelijker maken. WordPress heeft het toevoegen van dit soort inhoud eenvoudig gemaakt.

Hoe de map Node Modules te verwijderen met npkill

Hoe de map Node Modules te verwijderen met npkill

Node.js is een JavaScript-runtimeomgeving waarmee u JavaScript buiten webbrowsers kunt uitvoeren, waardoor het een populaire keuze is voor het ontwikkelen van allerlei soorten toepassingen. Een deel van zijn populariteit is te danken aan de overvloed aan NPM-pakketten die er zijn om de ontwikkelaarservaring te vergemakkelijken.

Hoe u uw eerste Solidity-code schrijft en compileert

Hoe u uw eerste Solidity-code schrijft en compileert

Solidity is de programmeertaal die wordt gebruikt door slimme contracten op de Ethereum-blockchain. Het is een statisch getypeerde, objectgeoriënteerde programmeertaal.