Procédure pas à pas : création d'une application Web simple

Dans cette procédure pas - à - pas, vous allez créer une application simple de site Web pour utiliser comme base pour un test de performances de site Web dans Procédure pas à pas : enregistrement et exécution d'un test des performances de site Web.

Vous effectuerez les tâches suivantes :

• Créez une application simple de site Web.

• Testez l'application Web manuellement.

Composants requis

Voici de ce que vous aurez besoin :

• Visual Studio Ultimate

Créer un Application Web

Pour créer l'application Web

1. Dans Visual Studio Ultimate, dans le menu FICHIER, choisissez Nouveau puis choisissez Projet.

   La boîte de dialogue Nouveau projet s'affiche.

2. Sous Modèles installés, développez le langage de programmation de votre choix, puis cliquez sur Web.

3. Dans la liste des types de projets Web, sélectionnez Application Web ASP.NET vide.

   [!REMARQUE]

   Dans cette procédure pas à pas, vous n'allez écrire qu'un minimum de code.

4. Dans la zone Nom, tapez AppWebCouleur.

5. Dans la zone Emplacement, spécifiez le dossier dans lequel vous voulez créer votre application Web.

6. Sélectionnez Créer le répertoire pour la solution.

7. Cliquez sur OK.

8. Dans l'Explorateur de solutions, vérifiez que le nouveau projet AppWebCouleur est sélectionné.

9. Dans le menu projet, choisissez Ajouter un nouvel élément.

   La boîte de dialogue Ajouter un nouvel élément s'affiche alors.

10. Dans la liste d'éléments, choisissez Web Form.

11. Dans la zone de texte Nom, tapez Default.aspx, puis cliquez sur Ajouter.

Ajout de contrôles au Applications Web

Pour ajouter des contrôles à l'application Web

1. Dans l'explorateur de solutions, cliquez avec le bouton droit sur Default.aspx et choisissez Concepteur de vues.

   Une page vierge s'affiche.

2. Si la boîte à outils n'est pas visible, dans le menu AFFICHAGE choisissez Boîte à outils.

3. À partir du groupe Standard, faites glisser un contrôle RadioButtonList sur la page.

   Un contrôle RadioButtonList est ajouté à l'aire de conception.

4. Développez le volet de balise d'action Tâches RadioButtonList, puis sélectionnez le lien EditItems .

   Un Éditeur de collections ListItem s'affiche.

   [!REMARQUE]

   Vous pouvez également afficher l'Éditeur de collections ListItem en modifiant la collection Éléments dans la fenêtre Propriétés.

5. Pour ajouter un élément, cliquez sur Ajouter.

6. Sous Propriétés ListItem :

   1. Affectez la valeur Red à la propriété Text.

   2. Affectez la valeur True à la propriété Selected.

7. Cliquez sur Ajouter pour ajouter un autre élément.

8. Sous Propriétés ListItem, remplacez la valeur de la propriété Text par Blue.

9. Cliquez sur OK pour fermer l'Éditeur de collections ListItem.

10. Faites glisser un Button sur la page, puis dans la fenêtre Propriétés, remplacez la valeur de la propriété Texte par Envoyer.

11. Dans le menu FICHIER, choisissez Enregistrer tout.

Ajouter des pages au Applications Web

Pour ajouter des pages à l'application Web

1. Dans le menu projet, choisissez Ajouter un nouvel élément.

2. Dans la boîte de dialogue Ajouter un nouvel élément, sélectionnez Web Form de la liste de modèles, et dans le type Red.aspxde Nom .Choisissez Ajouter.

3. En bas de la fenêtre de document, choisissez l'onglet Design pour basculer en mode Design.

4. Faites glisser un Label sur la page.Dans la fenêtre Propriétés, affectez à la propriété Text la valeur Red et à la propriété ForeColor la valeur Red.

5. Dans le menu projet, choisissez Ajouter un nouvel élément.

6. Dans la boîte de dialogue Ajouter un nouvel élément, cliquez sur le modèle Web Form, nommez-le Blue.aspx, puis cliquez sur Ajouter.

7. En bas de la fenêtre de document, choisissez l'onglet Design pour basculer en mode Design.

8. Faites glisser un Label sur la page.Dans la fenêtre Propriétés, affectez à la propriété Text la valeur Blue et à la propriété ForeColor la valeur Blue.

9. Dans le menu FICHIER, choisissez Enregistrer tout.

Ajouter des fonctionnalités au Applications Web

Pour ajouter des fonctionnalités à l'application Web

1. Dans l'cliquez avec le bouton droit sur Default.aspx explorateur et choisissez Concepteur de vues.

2. Double-cliquez sur le ButtonEnvoyer.Visual Studio bascule vers le code de la page et crée un gestionnaire d'événements squelette pour l'événement Click du contrôle Button.

3. Ajoutez le code suivant au gestionnaire d'événements :

   if (this.RadioButtonList1.SelectedValue == "Blue")
   {
       Response.Redirect("Blue.aspx");
   }
   else
   {
       Response.Redirect("Red.aspx");
   }
   

   If RadioButtonList1.SelectedValue = "Blue" Then
       Response.Redirect("Blue.aspx")
   Else
       Response.Redirect("Red.aspx")
   End If
   

4. Dans le menu FICHIER, choisissez Enregistrer tout.

Test du Applications Web manuellement

Pour tester l'application Web manuellement

1. Dans l'explorateur de solutions, cliquez avec le bouton droit sur Default.aspx et choisissez Définir comme page de démarrage.

2. Appuyez sur CTRL+F5 pour exécuter l'application Web dans le navigateur.Vous allez voir la première page.

3. Cliquez sur Red, puis sur Envoyer.Si l'application fonctionne correctement vous allez passer à la page avec Label qui indique Rouge.

4. Revenez à la première page.

5. Cliquez sur Blue, puis sur Envoyer.Si l'application fonctionne correctement vous allez passer à la page avec Label qui indique Blue.

Étapes suivantes

Dans cette procédure pas - à - pas vous avez créé une application simple de site Web et l'avez testé manuellement.Maintenant vous êtes prêt à créer un test des performances de site Web vous permettant de tester cette application.Consultez Procédure pas à pas : enregistrement et exécution d'un test des performances de site Web.

Voir aussi

Tâches

Procédure pas à pas : enregistrement et exécution d'un test des performances de site Web