Tutoriel 2.1 : Création d’une application ASP.NET à partir d’un modèle

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

image

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 » 

image

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

image

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();
        }

image

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)

Comments (1) -

  • Bonjour. Merci pour ce super tuto. C'est exactement ce que je cherchais pour débuter.
    Cependant, plusieurs liens de téléchargement du code sont cassés :

    HTTP Error 404.11 - Not Found
    The request filtering module is configured to deny a request that contains a double escape sequence.

    Avez-vous connaissance ce ce problème.

    Encore merci de mettre ce travail à disposition du public.

Pingbacks and trackbacks (1)+

Add comment

Loading