Programme ASP.NET Hello World avec exemple
Jacob Lee
โก Rรฉsumรฉ intelligent
Le programme ยซ ASP.NET First ยป vous guide pas ร pas dans la crรฉation d'une application web simple ยซ Hello World ยป dans Visual Studio, depuis la crรฉation d'un projet Web Forms vide et l'ajout d'un formulaire web jusqu'ร l'รฉcriture de Response.Write et l'affichage du rรฉsultat dans le navigateur.
Prรฉrequis pour votre premier programme ASP.NET
Avant de crรฉer l'application Hello World, assurez-vous que votre environnement est prรชt. Vous aurez besoin des รฉlรฉments suivants :
- Visual Studio โ lโรฉdition Community gratuite suffit, installรฉe avec la charge de travail ยซ ASP.NET et dรฉveloppement web ยป.
- Le .NET Framework โ requis pour Web Forms et installรฉ automatiquement avec Visual Studio.
- Connaissances de base en C# et HTML โ utile pour comprendre le code que vous รฉcrirez.
- A Windows click โ Les formulaires Web ASP.NET classiques fonctionnent sur Windows avec IIS ou IIS Express.
Une fois ces รฉlรฉments en place, vous pouvez suivre les รฉtapes ci-dessous pour crรฉer et exรฉcuter votre premier programme ASP.NET.
Programme ASP.NET Hello World avec exemple
Regardons un exemple de la faรงon dont nous pouvons implรฉmenter une simple application ยซ hello world ยป. Pour cela, nous devrons mettre en ลuvre les รฉtapes mentionnรฉes ci-dessous.
รtape 1) La premiรจre รฉtape implique la crรฉation d'un nouveau projet dans Visual Studio. Aprรจs avoir lancรฉ Visual Studio, vous devez choisir l'option de menu Nouveau->Projet.
รtape 2) L'รฉtape suivante consiste ร choisir le type de projet en tant qu'application Web ASP.Net. Ici, nous devons รฉgalement mentionner le nom et l'emplacement de notre projet.
- Dans la boรฎte de dialogue du projet, vous pouvez voir diverses options pour crรฉer diffรฉrents types de projets. Cliquez sur l'option Web sur le cรดtรฉ gauche.
- Lorsque nous cliquons sur l'option Web ร l'รฉtape prรฉcรฉdente, nous pourrons voir une option pour l'application Web ASP.Net. Cliquez sur cette option.
- Nous donnons ensuite un nom ร l'application, qui dans notre cas est DemoApplication. Nous devons รฉgalement fournir un emplacement pour stocker notre application.
- Enfin, nous cliquons sur le bouton ยซ OK ยป pour laisser Visual Studio crรฉer notre projet.
รtape 3) Dans l'รฉcran suivant, vous devez choisir le type d'application Web ASP.net qui doit รชtre crรฉรฉe. Dans notre cas, nous allons crรฉer une simple application Web Form.
- Tout dโabord, choisissez le type de projet ยซ Vide ยป. Cela garantira que nous commenรงons avec une application de base simple ร comprendre.
- Nous choisissons l'option ยซ Formulaires Web ยป. Cela ajoute les dossiers de base nรฉcessaires au fonctionnement d'une application de formulaires Web basique.
- Enfin, nous cliquons sur le bouton ยซ OK ยป pour permettre ร Visual Studio de crรฉer notre application.
Si les รฉtapes ci-dessus sont suivies, vous obtiendrez le rรฉsultat ci-dessous dans Visual Studio.
Production:-
Dans l'Explorateur de solutions, vous pourrez voir la solution DemoApplication. Cette solution contient deux fichiers de projet, comme indiquรฉ ci-dessus. Actuellement, l'un des fichiers clรฉs du projet est le Global.asax.csCe fichier contient des informations spรฉcifiques ร l'application. Dans ce fichier, vous initialiserez toutes les variables spรฉcifiques ร l'application ร leurs valeurs par dรฉfaut.
รtape 4) Il est maintenant temps d'ajouter un fichier Web Form au projet. C'est le fichier qui contiendra tout le code spรฉcifique au web pour notre projet.
- Cliquez avec le bouton droit sur le projet DemoApplication, et
- Choisissez Ajouter->Formulaire Web dans le menu contextuel.
รtape 5) Sur l'รฉcran suivant, il nous sera demandรฉ de donner un nom au formulaire web.
- Donnez un nom au formulaire Web. Dans notre cas, nous l'appelons ยซ Dรฉmo ยป.
- Cliquez sur le bouton OK.
Visual Studio crรฉera automatiquement le formulaire Web de dรฉmonstration et l'ouvrira dans Visual Studio.
รtape 6) L'รฉtape suivante consiste ร ajouter le code qui affichera ยซ Hello World ยป. Cela peut se faire en ajoutant simplement une ligne de code au fichier Demo.aspx.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <% Response.Write("Hello World"); %> </div> </form> </body> </html>
Code Explication:-
- L'objet Rรฉponse dans ASP.Net Elle sert ร renvoyer des informations ร l'utilisateur. Dans notre cas, nous utilisons la mรฉthode ยซ Write ยป de l'objet Response pour รฉcrire le texte ยซ Hello World ยป. Les marqueurs <% et %> permettent d'ajouter du code spรฉcifique ร ASP.NET.
Si vous suivez toutes les รฉtapes ci-dessus et exรฉcutez votre programme dans Visual Studio, vous obtiendrez le rรฉsultat suivant.
Production:-
ร partir du rรฉsultat, vous pouvez clairement voir que ยซ Hello World ยป a รฉtรฉ affichรฉ dans le navigateur.
Comprendre le ยซ Hello World ยป Code
Le fichier Demo.aspx est une page HTML standard avec quelques ajouts ASP.NET. runat="server" Cet attribut indique ร ASP.NET de traiter l'รฉlรฉment sur le serveur plutรดt que de le considรฉrer comme du HTML simple. <% %> Les marqueurs, appelรฉs blocs de rendu, permettent d'exรฉcuter du code C# directement dans la page. ร l'intรฉrieur de ces blocs, Response.Write("Hello World") envoie le texte directement au navigateur dans le cadre de la rรฉponse HTTP.
Si Response.Write C'est acceptable pour un premier exemple, mais la plupart des applications rรฉelles utilisent plutรดt un contrรดle serveur. Par exemple, vous pouvez dรฉposer un <asp:Label> Contrรดlez l'รฉlรฉment sur la page et dรฉfinissez sa propriรฉtรฉ Text dans le fichier code-behind. Cela permet de sรฉparer le balisage et la logique, et facilite la maintenance ร mesure que la page s'รฉtoffe.
Erreurs courantes lors de l'exรฉcution de votre premier programme ASP.NET
Les dรฉbutants rencontrent souvent quelques problรจmes prรฉvisibles lorsqu'ils exรฉcutent leur premiรจre page ASP.NET. Faites attention aux points suivants :
- runat="server" manquant โ Sans cela sur le formulaire et les contrรดles, ASP.NET les traite comme du HTML statique et le code serveur ne s'exรฉcute pas.
- Type de projet incorrect โ Choisir un modรจle MVC ou Core au lieu de Web Forms modifie la structure des fichiers et les รฉtapes ci-dessus.
- fautes de syntaxe โ Lโabsence dโun point-virgule ou dโune parenthรจse ร lโintรฉrieur du bloc <% %> provoque une erreur de compilation.
- Problรจmes de port ou d'IIS Express โ Si la page ne s'ouvre pas, redรฉmarrez IIS Express ou modifiez le port du projet.
- Sensibilitรฉ ร la casse โ Les noms de mรฉthodes comme Response.Write doivent correspondre exactement, car C# est sensible ร la casse.
