Comprendre à

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