Contenu connexe
Similaire à Module 4 navigation et homogénéisation des les applications web
Similaire à Module 4 navigation et homogénéisation des les applications web (12)
Plus de Mohammed Amine Mostefai
Plus de Mohammed Amine Mostefai (10)
Module 4 navigation et homogénéisation des les applications web
- 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