Tutoriel 2.2 : Création d’une application ASP.NET vide

L’objectif de ce deuxième tutoriel du module 2 est de découvrir la structure d’une application ASP.NET à partir d’un modèle vide. Il s’agit aussi de voir la différence entre les contrôles ASP.NET serveur et les contrôles HTML serveur.

Etape 1 – Créer une application ASP.NET vide

L’objectif de cette étape est de découvrir la création d’applications avec un modèle vierge. Il s’agit aussi de découvrir les propriétés « Request » et « Response » permettant de lier la page aux requêtes et réponses http.

  • Lancez VS 2012
  • Choisir Fichier -> Nouveau -> Application ASP.NET vide
  • Entrez « DeuxiemeApp » dans la zone « Nom »
  • Cliquez sur OK
  • Examinez le contenu du projet

image

 

  • Dans l’explorateur de solution, cliquez sur le projet « DeuxiemeApp » avec le bouton droit puis sélectionnez « Ajouter un nouvel élément »
  • Sélectionnez « Forme web » dans le modèle
  • Entrez « Default.aspx » dans la zone nom
  • Cliquez sur le bouton « Ajouter »

image

  • Ouvrez « Default.aspx » en mode conception
  • En utilisant la boîte à outils, Insérez une zone de texte dans la « div » inclue dans la page
  • En utilisant la boîte à outils, insérez un bouton après la zone de texte

image

  • Double-cliquez sur le bouton
  • Insérez le code suivant dans l’évènement de clic :
protected void Button1_Click(object sender, EventArgs e)
  {
            TextBox1.Text = "Formation";
   }
  • Modifiez la méthode Page_Load comme suit :
protected void Page_Load(object sender, EventArgs e)
        {
            var url = Request.RawUrl;
            if (IsPostBack)
                Response.Write(url + " en mode postback");
            else
                Response.Write(url + " en mode normal");
        }

Etape 2 : Comparaison entre les balises HTML et les contrôles serveur

L’objectif de cette étape est de comparer le code HTML généré avec les balises contenues dans la forme web.

  • Relancez l’application
  • Examinez le code source de la page

Etape 3 : Ajout de contrôles HTML Serveur

L’objectif de cette étape est de découvrir les contrôles HTML et d’y accéder à partir du code en changeant l’attribut « runat ».

  • Fermez la fenêtre du navigateur
  • Ouvrez « Default.aspx » en mode conception
  • Faites glisser un contrôle de type « Input (Button) » juste après le bouton qui existe
  • Changez la propriété « id » en « monBouton »
  • Basculez en mode code
  • Changer le code du nouveau bouton comme suit en mettant à jour son attribut « runat » :
<input id="monBouton" type="button" value="button" runat="server" />
  • Basculez vers le code behind en appuyant sur F7
  • Modifiez « Page_Load » comme suit :
protected void Page_Load(object sender, EventArgs e)
        {
            var url = Request.RawUrl;            
            monBouton.Value = "Test";
            if (IsPostBack)
                Response.Write(url + " en mode postback");
            else
                Response.Write(url + " en mode normal");
        }
  • Exécutez l’application en appuyant sur « F5 »

 Pour télécharger le code :

Tutoriel 2.2.zip (28,72 kb)

Comments (5) -

  • Hello,
    First of all, thanks for the clear tutorials.
    Second, i've a tiny question that concerns the use of razor VS aspx, i've read that razor offers:
    - A cleaner code
    - More flexible when coding
    - ASPX pages are harder to read
    in the other hand i found that aspx offers a way to traditional developpement using the WebForms, means  a design section that allows you to put what you want faster.

    So, the main question here is : What's the major difference between the two? for a beginner, what's the right choice? is it only an alternative view engine? a syntaxic one?according to this article http://goo.gl/7SmZ shall we forget about the ASPX and handle the razor?

    Thanks,

    Best regards,
  • Thanks for your comment.

    There are two ways to develop ASP.NET applications : ASP.NET "the old way" and ASP.NET MVC. Razor is a syntax of view engine that in ASP.NET MVC only. Razor is very appreciated because its syntax is very close to C# unlike ASPX which is based on tags.

    The real question in my opinion is : should I learn ASP.NET classic or ASP.NET MVC ?

    ASP.NET MVC is a very elegant framework but requires solid knowledge about HTML, CSS, Javascript and JQuery.

    ASP.NET classis is good for beginners because it comes with some RAD concepts that are easily used and learned by beginners
  • salut
    je suis étudiante en 3eme année réseaux et je suis entraine de faire mon mémoirequi est 1 application web ou je utilise asp.
    net et c# et sql server et j'ai rencontré qq problèmes
    ou j'ai fait Login ou chaque client a 1 password unique
    mais comment faire pour que aprés entrer son mot de passe il peut accéder a sa page unique
    salutation et mrç
    j'attent votre réponce  

Pingbacks and trackbacks (1)+

Add comment

Loading