Ce document traite du développement web avec Visual Studio 2012 et ASP.NET, en se concentrant sur la navigation entre les pages et l'homogénéisation des applications web. Il présente les méthodes de navigation, le passage d'informations entre pages, ainsi que l'utilisation de contrôles utilisateurs et de pages maîtres pour assurer une cohérence visuelle dans les applications. Des tutoriels et exercices pratiques sont également inclus pour aider à la mise en œuvre de ces concepts.

1. Développement web avec
Visual Studio 2012 et ASP.NET
Module 4 – Navigation et Homogénéisation dans les Applications Web
Copyright © 2013, Mostefai Mohammed Amine

2. Développement web avec ASP.NET et Visual Studio 2012
Objectifs du module 2
 Permettre de naviguer dans une application web et de passer des
informations entre elles
 Découvrir les mécanismes permettant d’homogénéiser les applications
web
Module 4 – Navigation et Homogénéisation dans les Applications Web Copyright © 2013, Mostefai Mohammed Amine

3. Développement web avec ASP.NET et Visual Studio 2012
Plan du module 3
 Navigation entre les pages et passage d’informations
 Homogénéisation des formes web
Module 4 – Navigation et Homogénéisation dans les Applications Web Copyright © 2013, Mostefai Mohammed Amine

4. Développement web avec ASP.NET et Visual Studio 2012
Module 4 – Navigation et Homogénéisation
Section 1 : Navigation Entre les
Pages et Passage d’Informations
4 Copyright © 2013, Mostefai Mohammed Amine

5. Développement web avec ASP.NET et Visual Studio 2012
Introduction 5
 L’une des particularités les plus importantes du web est de lier les pages
Module 4 - Navigation et Homogénéisation dans
entre elles au sein du même site et même en dehors du site
 ASP.NET permet plusieurs façons de naviguer entre les pages : d’une
les Applications Web
manière visuelle en utilisant les liens ou d’une manière programmatique
en utilisant des méthodes
Section 1 : Navigation Entre les Pages et Passage d’Informations Copyright © 2013, Mostefai Mohammed Amine

6. Développement web avec ASP.NET et Visual Studio 2012
Méthodes de navigation 6
 Par code, la navigation entre pages est possible en utilisant
Module 4 - Navigation et Homogénéisation dans
Response.Redirect ou Server.Transfer
 Response.Redirect passe par deux tours chez le client (Message HTTP
les Applications Web
302) tandis que Server.Transfer, la redirection n’implique que le serveur
 L’URL change pour Response.Redirect tandis qu’elle reste la même pour
Server.Transfer (Risque de bugs)
Section 1 : Navigation Entre les Pages et Passage d’Informations Copyright © 2013, Mostefai Mohammed Amine

7. Développement web avec ASP.NET et Visual Studio 2012
Navigation par envoi de Postbacks entre pages 7
 Pour certains contrôles comme le bouton, la propriété « PostbackUrl »
Module 4 - Navigation et Homogénéisation dans
permet de définir une page qui reçoit le postback différente de la page en
cours
les Applications Web
 Pour tester d’où provient le Postback, utiliser la propriété
« PreviousPage »
Section 1 : Navigation Entre les Pages et Passage d’Informations Copyright © 2013, Mostefai Mohammed Amine

8. Développement web avec ASP.NET et Visual Studio 2012
Passage d’informations entre les pages 8
 Plusieurs moyens permettent de passer des informations entre les pages
Module 4 - Navigation et Homogénéisation dans
 Les chaînes de requête permettent de passer les informations via l’URL,
par exemple : « http://localhost:62300/Edit.aspx?mode=add »
les Applications Web
 La variable Session permet d’affecter des variables qui peuvent persister
entres les différentes requêtes
 Pour les postback entre différentes pages, les informations peuvent être
récupérées à partir de la dernière page en utilisant la propriété
« PreviousPage »
Section 1 : Navigation Entre les Pages et Passage d’Informations Copyright © 2013, Mostefai Mohammed Amine

9. Développement web avec ASP.NET et Visual Studio 2012
Tutoriel 4.1 : Navigation et Passage d’informations 9
• Lancer Tutoriel 4.1, Etape 1 à 5
Module 4 - Navigation et Homogénéisation dans
les Applications Web
Section 1 : Navigation Entre les Pages et Passage d’Informations Copyright © 2013, Mostefai Mohammed Amine

10. Développement web avec ASP.NET et Visual Studio 2012
Module 4 – Navigation et Homogénéisation
10
Section 2 : Homogénéisation des
Formes Web
Copyright © 2013, Mostefai Mohammed Amine

11. Développement web avec ASP.NET et Visual Studio 2012
Utilisation des contrôles utilisateur 11
 Les contrôles utilisateurs sont des portions de formes web pouvant être
Module 4 - Navigation et Homogénéisation dans
réutilisées dans plusieurs formes web
 L’extension des contrôles web est ascx
les Applications Web
 Un contrôle utilisateur ne peut être invoqué directement : son utilisation doit
passer par son intégration à une forme web
 Un contrôle à son propre cycle de vie et ses évènements tels que Page_Load
 Le code behind d’un contrôle utilisateur gère les traitements relatifs à ce contrôle
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

12. Développement web avec ASP.NET et Visual Studio 2012
Tutoriel 4.1 : Utilisation des contrôles utilisateur 12
• Lancer Tutoriel 4.1, Etape 6
Module 4 - Navigation et Homogénéisation dans
les Applications Web
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

13. Développement web avec ASP.NET et Visual Studio 2012
Pages maîtres 13
 Les pages maîtres permettent d’homogénéiser le design des formes web
Module 4 - Navigation et Homogénéisation dans
ainsi que le design global de l’application web
 Les formes web qui appliquent le design d’une page maître sont appelées
les Applications Web
formes de contenu
 L’extension des pages maître est « master »
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

14. Développement web avec ASP.NET et Visual Studio 2012
Gestion des Pages Maîtres 14
 Comme les formes web, les pages maîtres peuvent intégrer leurs propres
Module 4 - Navigation et Homogénéisation dans
contrôles serveur et contrôles HTML
 Les pages maîtres incluent des contrôles spéciaux appelés
les Applications Web
ContentPlaceHolder qui sont des conteneurs permettant d’inclure des
formes web de contenu
 Une page maître peut avoir plusieurs conteneurs
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

15. Développement web avec ASP.NET et Visual Studio 2012
Les Formes Web de Contenu 15
 Les formes web de contenu sont appelées à être fusionnées avec les pages
Module 4 - Navigation et Homogénéisation dans
maître
 Les formes web ne sont qu’un contenu partiel d’une page web
les Applications Web
 Quand une forme web est créée, un contrôle spécial est ajouté de type
« Content ». Le contenu de la forme web doit être inséré dans ce contrôle.
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

16. Développement web avec ASP.NET et Visual Studio 2012
Pages maîtres imbriquée 16
 Pour certains besoins, le design d’un site implique plusieurs « sous-
Module 4 - Navigation et Homogénéisation dans
design », par exemple « Site Principal » et « Administration »
 Pour garder une homogénéité entre les différents niveaux, les pages
les Applications Web
maîtres imbriquées sont utilisées pour garder la consistance global du
design
Section 2 : Homogénéisation des Formes Web Copyright © 2013, Mostefai Mohammed Amine

17. Développement web avec ASP.NET et Visual Studio 2012
Exercice 17
Exercice 4.1 (Durée 1/2 h):
En utilisant les pages maître et les contrôles utilisateur,
concevoir un site web homogène de deux niveaux
Module 4 – Navigation et Homogénéisation dans les Applications Web Copyright © 2013, Mostefai Mohammed Amine