Ceci est le premier des deux tutoriaux du module 2. Son objectif est de créer une application ASP.NET à partir du modèle fourni par Visual Studio 2012.
Etape 1 – Créer une application ASP.NET
L’objectif de cette étape est de créer une application ASP.NET à partir du modèle fourni avec Visual Studio.
- Lancez VS 2012
- Choisir Fichier -> Nouveau -> Application ASP.NET
- Entrez « PremiereApp » dans la zone « Nom »
- Cliquez sur OK
- Examinez le contenu du projet
Etape 2 : Exécution
L’objectif de cette étape est de découvrir le comportement de l’application en exécution sur le navigateur.
- Exécutez l’application en appuyant sur « F5 »
Etape 3 : Découverte des Contrôles ASP.NET
L’objectif de cette étape est de découvrir les contrôles ASP.NET dans la boîte à outils de Visual Studio.
- Fermez la fenêtre du navigateur
- Ouvrez le fichier « Default.aspx » en mode conception
- Examinez les différents contrôles dans la boîte à outils
Etape 4 : Utilisation d’un contrôle serveur
L’objectif de cette étape est d’ajouter un contrôle ASP.NET à une page existante, d’affecter des propriétés et de coder un évènement.
- Ouvrez la page « Contact.aspx » en mode conception
- Pointez le curseur à la fin puis appuyez sur « entrée »
- Remarquez la création d’un nouveau paragraphe « <p> »
- Par un glisser-déposer, insérez un composant « Libellé » dans le nouveau paragraphe
- Entrez votre nom dans la propriété « Text »
- Ajoutez un bouton après le libellé
- Entrez le texte « Changer » dans la propriété « Text » du bouton
- Double-cliquez le bouton
- Entrez le code suivant dans l’évènement généré ensuite exécutez l’application
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
}
Etape 5 : Examination des répertoires du projet
L’objectif de cette étape est d’examiner la structure des répertoires d’un projet ASP.NET.
- Dans l’explorateur de solutions cliquez sur le bouton droit sur le projet
- Sélectionnez « Ouvrir dans l’explorateur de fichiers »
- Examinez l’arborescence des répertoires dans l’explorateur Windows
Pour télécharger le code :
Tutoriel 2.1.zip (1,97 mb)