Présentation de Web Forms

Cette section du didacticiel Démarrage rapide examine certaines fonctionnalités essentielles de Web Forms ASP.NET dans le code de haut niveau. Les sections suivantes du didacticiel Démarrage rapide contiennent des informations spécifiques plus détaillées.

Écriture de votre première page Web Forms

Les pages Web Forms ASP.NET sont des fichiers texte portant une extension de nom de fichier .aspx. Elles peuvent être déployées au sein d'une arborescence racine virtuelle IIS. Lorsqu'un navigateur client demande des ressources .aspx, le runtime de ASP.NET analyse et compile le fichier cible dans une classe .NET Framework. Cette classe peut ensuite être utilisée pour traiter de manière dynamique les demandes entrantes. (Remarquez que le fichier .aspx n'est compilé que lors du premier accès. L'instance de type compilé est ensuite réutilisée pour plusieurs demandes.)

Une page ASP.NET peut être créée simplement à l'aide d'un fichier HTML existant dont vous remplacez l'extension de nom de fichier par .aspx (aucune modification du code n'est nécessaire). L'exemple suivant illustre une page HTML simple qui collecte le nom d'un utilisateur et la catégorie préférée, puis effectue une publication de formulaire sur la page d'origine lorsque vous cliquez sur un bouton :

VB Intro1.aspx

Important : Remarquez que rien ne se passe lorsque vous cliquez sur le bouton Rechercher. En effet, le fichier .aspx contient uniquement du code HTML statique (sans contenu dynamique). Par conséquent, le même code HTML est renvoyé au client lors de chaque aller-retour jusqu'à la page, ce qui entraîne une perte du contenu des champs de formulaire (zone de texte et liste déroulante) entre les demandes.

Utilisation des blocs de restitution <%%> ASP

ASP.NET assure la compatibilité de la syntaxe avec les pages ASP existantes. Cela comprend la prise en charge des blocs de restitution de code <% %> pouvant être mélangés à du contenu HTML au sein d'un fichier .aspx. Ces blocs de code s'exécutent de haut en bas au moment de la restitution de la page.

L'exemple ci-dessous illustre l'utilisation de blocs de restitution <% %> pour exécuter une boucle sur un bloc HTML (en augmentant la taille de la police à chaque fois) :

VB Intro2.aspx

Important : Contrairement à ASP, le code utilisé au sein des blocs <% %> ci-dessus est réellement compilé, et non interprété à l'aide d'un moteur de script. Cela permet d'améliorer les performances d'exécution du runtime.

Les développeurs de pages ASP.NET peuvent utiliser des blocs de code <% %> pour modifier de manière dynamique la sortie HTML, comme cela est possible aujourd'hui à l'aide de ASP. LLL'exemple suivant illustre l'utilisation de blocs de code <% %> pour interpréter les résultats publiés à partir d'un client.

VB Intro3.aspx

Important : Même si les blocs de code <% %> proposent un moyen puissant de manipuler de manière personnalisée le texte retourné à partir d'une page ASP.NET, ils ne fournissent pas de modèle de programmation HTML propre. Comme illustré dans l'exemple ci-dessus, les développeurs utilisant uniquement des blocs de code <% %> doivent gérer de manière personnalisée l'état de la page entre les allers-retours et interpréter de manière personnalisée les valeurs publiées.

Présentation des contrôles serveur ASP.NET

En plus (ou au lieu) d'utiliser des blocs de code <% %> pour programmer du contenu dynamique, les développeurs de pages ASP.NET peuvent employer des contrôles serveur ASP.NET pour programmer des pages Web. Les contrôles serveur sont déclarés au sein d'un fichier .aspx à l'aide de balises personnalisées ou de balises HTML intrinsèques contenant une valeur d'attribut runat="server". Les balises HTML intrinsèques sont gérées par un des contrôles de l'espace de noms System.Web.UI.HtmlControls. Le type System.Web.UI.HtmlControls.HtmlGenericControl est assigné à une balise qui n'est pas explicitement mappée à un des contrôles.

L'exemple suivant utilise quatre contrôles serveur : <form runat=server>, <asp:textbox runat=server>, <asp:dropdownlist runat=server> et <asp:button runat=server>. Au moment de l'exécution, ces contrôles serveur génèrent automatiquement du contenu HTML.

VB Intro4.aspx

Important : Remarquez que ces contrôles serveur gèrent automatiquement les valeurs entrées par les clients entre les allers-retours au serveur. Cet état des contrôles n'est pas enregistré sur le serveur, mais bien dans un champ de formulaire <input type="hidden"> jusqu'auquel des allers-retours sont effectués entre les demandes. Remarquez également qu'aucun script côté client n'est nécessaire.

Outre la prise en charge de contrôles d'entrée HTML standard, ASP.NET permet aux développeurs d'ajouter à leurs pages des contrôles personnalisés plus riches. L'exemple suivant illustre l'utilisation du contrôle <asp:adrotator> pour afficher de manière dynamique une rotation de publicités sur une page.

VB Intro5.aspx

Important : Vous trouverez la liste détaillée de tous les contrôles serveur intégrés à la section Référence des contrôles Web Forms de ce didacticiel Démarrage rapide.

Gestion des événements de contrôles serveur

Chaque contrôle serveur ASP.NET peut exposer un modèle objet contenant des propriétés, des méthodes et des événements. Les développeurs ASP.NET peuvent utiliser ce modèle objet pour modifier proprement la page et interagir avec elle.

L'exemple suivant illustre comment un développeur de pages ASP.NET peut gérer l'événement OnClick à partir du contrôle <asp:button runat=server> pour manipuler la propriété Text du contrôle <asp:label runat=server>.

VB Intro6.aspx

Du point de vue fonctionnel, cet exemple simple équivaut à l'exemple "Intro3" décrit plus haut dans cette section. Vous pouvez cependant constater que le code est bien plus propre et plus simple dans cette nouvelle version basée sur le contrôle serveur.

Utilisation de contrôles serveur personnalisés

ASP.NET est fourni avec 45 contrôles serveur intégrés ; immédiatement exploitables (pour plus de détails, consultez la section Référence des contrôles Web Forms). Outre l'utilisation des contrôles ASP.NET intégrés, les développeurs peuvent également recourir à des contrôles développés par des fournisseurs tiers.

L'exemple suivant illustre un contrôle calendar simple. Le contrôle Calendar est déclaré au sein de la page à l'aide d'une balise <acme:calendar runat=server>. Remarquez que la directive <% Register %> située au début de la page est responsable de l'inscription du préfixe de balise XML « Acme » auprès de l'espace de noms du code « Acme » de l'implémentation du contrôle. L'analyseur de page ASP.NET utilise ensuite cet espace de noms pour charger l'instance de la classe du contrôle Calendar au moment de l'exécution.

VB Intro7.aspx

Dans cet exemple, le contrôle Calendar est destiné à effectuer un traitement « de niveau supérieur » sur Internet Explorer 5.5 et un traitement « de niveau inférieur » sur tous les autres navigateurs. Cette analyse préalable des navigateurs est loin d'être aussi complexe que celle fournie par les contrôles serveur ASP.NET intégrés. Pour les navigateurs Internet Explorer 5.5, le contrôle génère une sortie DHTML. Cette sortie DHTML ne nécessite aucun aller-retour au serveur lors de la sélection de jours et la navigation sur plusieurs mois. Pour tous les autres navigateurs, le contrôle génère du code HTML 3.2 standard. Ce code HTML 3.2 n'exige pas d'aller-retour au serveur pour traiter les interactions utilisateur du côté client.

Important : Le code qu'un développeur de pages écrit est identique, peu importe que vous utilisiez un navigateur "de niveau supérieur" ou "de niveau inférieur" pour accéder à la page. Le contrôle Calendar proprement dit encapsule toute la logique nécessaire à la gestion des deux scénarios.

Listes, données et liaison de données

ASP.NET est fourni avec un ensemble intégré de grilles de données et de contrôles de liste qui peuvent être utilisés pour fournir une interface utilisateur personnalisée pilotée à partir de requêtes portant sur une base de données ou une autre source de données. L'exemple suivant illustre l'utilisation d'un contrôle <asp:datagrid runat=server> pour lier des informations sur des livres rassemblées à l'aide d'une requête de base de données SQL.

VB Intro8.aspx

Le contrôle DataGrid <asp:datagrid runat=server> fournit un moyen aisé d'afficher rapidement des résultats à l'aide d'une interface utilisateur de contrôle de grille traditionnelle. Les développeurs ASP.NET peuvent également utiliser le contrôle DataList <asp:DataList runat=server> et un modèle ItemTemplate personnalisé pour personnaliser les informations, comme illustré dans l'exemple suivant.

VB Intro9.aspx

Remarquez que le contrôle <asp:datalist runat=server> permet aux utilisateurs finals de contrôler avec exactitude la structure et la présentation de chaque élément dans la liste (à l'aide de la propriété de modèle ItemTemplate). Le contrôle gère aussi automatiquement la présentation du contenu en deux colonnes (les utilisateurs peuvent contrôler le nombre de colonnes à l'aide de la propriété RepeatColumns de la liste de données).

L'exemple suivant fournit une autre vue du contrôle <asp:datalist runat=server>.

VB Intro10.aspx

Dans cet exemple, remarquez que le contrôle, le modèle de données et l'utilisateur de la page sont exactement identiques à ceux de l'exemple précédent. La seule différence réside dans le fait qu'ici, des modèles alternatifs sont fournis au code au moyen d'une déclaration.

Contrôles de validation de formulaires

L'infrastructure de page Web Forms ASP.NET propose un ensemble de contrôles serveur de validation qui fournit un moyen convivial, mais puissant, de détecter les erreurs dans les formulaires d'entrée et, le cas échéant, d'afficher des messages à l'intention de l'utilisateur.

Les contrôles de validation sont ajoutés à une page ASP.NET de la même manière que les autres contrôles serveur. Il s'agit de contrôles destinés à des types de validation particuliers, tels que la vérification de plage ou les critères spéciaux, plus un RequiredFieldValidator qui garantit qu'aucun utilisateur ne peut ignorer un champ d'entrée.

L'exemple suivant illustre l'utilisation de deux contrôles <asp:requiredfieldvalidator runat=server> sur une page pour valider le contenu des contrôles TextBox et DropDownList.

VB Intro11.aspx

Remarquez que les contrôles de validation assurent la prise en charge des clients de niveau supérieur et de niveau inférieur. Les navigateurs de niveau supérieur effectuent la validation sur le client (à l'aide de JavaScript et de DHTML) et sur le serveur. Les navigateurs de niveau inférieur n'effectuent la validation que sur le serveur. Le modèle de programmation des deux scénarios est identique.

Remarquez que les développeurs de pages ASP.NET peuvent éventuellement vérifier la propriété Page.IsValid au moment de l'exécution afin de déterminer si tous les contrôles serveur de validation d'une page sont actuellement valides. Il s'agit d'une manière pratique de déterminer si vous pouvez continuer à utiliser la logique métier. L'exemple suivant vérifie Page.IsValid avant d'exécuter une recherche dans une base de données sur la catégorie spécifiée.

VB Intro12.aspx

Méthode code-behind de Web Forms

ASP.NET prend en charge deux méthodes de création des pages dynamiques. La première méthode est celle illustrée dans les exemples précédents, où le code de la page est physiquement déclaré au sein du fichier .aspx d'origine. Une autre approche, connue sous le nom de méthode code-behind, permet au code de la page d'être séparé plus proprement du contenu HTML dans un fichier totalement distinct.

L'exemple suivant illustre l'utilisation de la méthode code-behind pour l'écriture de code de page ASP.NET.

VB Intro13.aspx

Résumé de la section

1. Web Forms ASP.NET fournit un moyen aisé, mais puissant, de générer une interface utilisateur Web dynamique.
2. Les pages Web Forms ASP.NET peuvent cibler n'importe quel navigateur client (aucun cookie ou bibliothèque de scripts n'est requis).
3. Les pages Web Forms ASP.NET assurent la compatibilité de la syntaxe avec les pages ASP existantes.
4. Les contrôles serveur ASP.NET permettent d'encapsuler aisément des fonctionnalités courantes.
5. ASP.NET est fourni avec 45 contrôles serveur intégrés. Les développeurs peuvent également utiliser des contrôles créés par des tiers.
6. Les contrôles serveur ASP.NET peuvent projeter automatiquement du code HTML de niveau supérieur et de niveau inférieur.
7. Les modèles ASP.NET permettent de personnaliser aisément l'apparence des contrôles serveur de liste.
8. Les contrôles de validation ASP.NET permettent d'effectuer aisément une validation des données déclarative sur le client ou le serveur.