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

Article
08/10/2011

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

Pour créer un exemple de test des performances de site Web, vous devez utiliser une application Web à laquelle vous pouvez apporter des modifications arbitraires.

Dans cette procédure pas à pas, vous exécuterez les tâches suivantes :

Créer une application Web simple.
Tester l'application Web manuellement.

Composants requis

Pour exécuter cette procédure pas à pas, vous avez besoin de :

Microsoft Visual Studio 2010 Ultimate

Création d'une application Web

Pour créer l'application Web

Dans Visual Studio 2010 Ultimate, dans le menu Fichier, cliquez sur Nouveau, puis sur Projet.

La boîte de dialogue Nouveau projet s'affiche.
Sous Modèles installés, développez le langage de programmation de votre choix, puis cliquez sur Web.
Dans la liste des types de projets Web, sélectionnez Application Web ASP.NET vide.

Notes

Dans cette procédure pas à pas, vous n'allez écrire qu'un minimum de code.
Dans la zone Nom, tapez AppWebCouleur.
Dans la zone Emplacement, spécifiez le dossier dans lequel vous voulez créer votre application Web.
Sélectionnez Créer le répertoire pour la solution.
Cliquez sur OK.
Dans l'Explorateur de solutions, vérifiez que le nouveau projet AppWebCouleur est sélectionné.
Dans le menu Projet, choisissez Ajouter un nouvel élément.

La boîte de dialogue Ajouter un nouvel élément s'affiche alors.
Dans la liste d'éléments, choisissez Web Form.
Dans la zone de texte Nom, tapez Default.aspx, puis cliquez sur Ajouter.

Ajout de contrôles à l'application Web

Pour ajouter des contrôles à l'application Web

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis choisissez Concepteur de vues.

Une page vierge s'affiche.
Si la boîte à outils n'est pas visible, cliquez sur Affichage, puis sur Boîte à outils.
À partir du groupe Standard, faites glisser un contrôle RadioButtonList sur la page.

Un contrôle RadioButtonList est ajouté à l'aire de conception.
Dans le volet des balises d'actions Tâches RadioButtonList, cliquez sur le lien Modifier les éléments.

Un Éditeur de collections ListItem s'affiche.

Notes

Vous pouvez également afficher l'Éditeur de collections ListItem en modifiant la collection Éléments dans la fenêtre Propriétés.
Cliquez sur Ajouter pour ajouter un nouvel élément.
Sous Propriétés ListItem :
1. Affectez la valeur Red à la propriété Text.
2. Affectez la valeur True à la propriété Selected.
Cliquez sur Ajouter pour ajouter un autre élément.
Sous Propriétés ListItem, remplacez la valeur de la propriété Text par Blue.
Cliquez sur OK pour fermer l'Éditeur de collections ListItem.
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.
Dans le menu Fichier, cliquez sur Enregistrer tout.

Ajout de pages à l'application Web

Pour ajouter des pages à l'application Web

Dans le menu Projet, cliquez sur Ajouter un nouvel élément.
Dans la boîte de dialogue Ajouter un nouvel élément, sélectionnez Web Form dans la liste des modèles, puis dans la zone Nom tapez Red.aspx, puis cliquez sur Ajouter.
En bas de la fenêtre de document, cliquez sur l'onglet Design pour basculer en mode Design.
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.
Dans le menu Projet, cliquez sur Ajouter un nouvel élément.
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.
En bas de la fenêtre de document, cliquez sur l'onglet Design pour basculer en mode Design.
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.
Dans le menu Fichier, cliquez sur Enregistrer tout.

Ajout de fonctionnalités à l'application Web

Pour ajouter des fonctionnalités à l'application Web

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis cliquez sur Concepteur de vues.
Double-cliquez sur le Button Envoyer. 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.

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

Dans le menu Fichier, cliquez sur Enregistrer tout.

Test manuel de l'application Web

Pour tester l'application Web manuellement

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis cliquez sur Définir comme page de démarrage.
Appuyez sur CTRL+F5 pour exécuter l'application Web dans le navigateur. Vous allez voir la première page.
Cliquez sur Red, puis sur Envoyer. Si l'application fonctionne correctement, vous allez passer à la page qui contient le Label indiquant Red.
Revenez à la première page.
Cliquez sur Blue, puis sur Envoyer. Si l'application fonctionne correctement, vous allez passer à la page qui contient le Label indiquant Blue.

Étapes suivantes

Dans cette procédure pas à pas, vous avez créé une application Web simple et vous l'avez testé manuellement. Vous êtes maintenant prêt à créer un test des performances de site Web vous permettant de tester cette application. Pour plus d'informations, 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

Partager via