SlideShare une entreprise Scribd logo
1  sur  39
ASP .NET
PLAN DE LA PRÉSENTATION
 Introduction à l’ASP .Net
 Les contrôles ASP .Net
 Mise en page
 Navigation
 Gestion des états
 Déploiement
2
ASP .NET
INTRODUCTION À L’ASP .NET
ASP .NET
QU’EST CE QUE L’ASP .NET
 Qu’est ce que ASP .Net ?
 Un langage?
 Une technologie?
 Une architecture?
 ???
4
ASP .NET
Un ensemble de technologies pour
développer des applications Web
HISTORIQUE
 ASP : prédécesseur de l’ASP .Net
 Active Server Pages
 Un ensemble de technologie
 Pour le développement Web
 Principal langage : VB Script (interprété)
 Mais aussi : JScript, Python, …
 Script écrit avec le code HTML
 Non portable, …
ASP .NET
5
PASSAGE ASP .NET
 Il fallait séparer le code HTML du traitement
 Portabilité (pas de langage interprété)
 Profiter du Framework .Net
 Profiter des autres Framework (AJAX,
JavaScript,…)
 Surtout : WYSIWYG
 …
ASP .NET
6
QUI A-T-IL DANS UNE PAGE
ASP .NET
 Une page web ASP .Net c’est :
 Une page XHTML d’extension aspx
 MaPage.aspx
 Un fichier écrit en un langage du Framework .Net
(C#, VB .Net, …)
 MaPage.aspx.cs (pour le C#)
 MaPage.aspx.vb (pour le VB .Net)
ASP .NET
7
QUI A-T-IL DANS UNE PAGE
ASP .NET
ASP .NET
8
COMMENT ÇA SE PASSE COTÉ
SERVEUR
ASP .NET
9
COMMENT ÇA SE PASSE COTÉ
SERVEUR
 Le code behind n’est compilé que s’il y a
demande ( au moins une)
 On parle de compilation à la volé
 A chaque fois qu’il y a une modification, le code
est recompilé au prochain appel
 Au final l’utilisateur ne voit que du code HTML
 Il est possible aussi de mettre du code C# (ou VB
.Net) directement dans les page aspx
ASP .NET
10
LES CONTRÔLES ASP .NET
•
•
ASP .NET
CODE HTML CLASSIQUE
 Il est possible de travailler avec des pages HTML
classiques sans pour autant travailler avec du
code Behind ou du ASP .Net
ASP .NET
12
CODE HTML CLASSIQUE
 Tous les contrôles HTML sont donc utilisable :
 Input
 Textarea
 Table
 Image
 Select
 Horizontal Rule
 Div
ASP .NET
13
DU C# DANS LE HTML
 Il est possible d’insérer du langage C# dans la
page HTML
ASP .NET
14
MAIS AUSSI…
 Du Java Script
 Du CSS
 AJAX
 …
ASP .NET
15
LES CONTRÔLES SERVEURS
 Se sont les objets qui s’exécutent coté serveur
(IIS : Internet Information System)
 Ecrit en C#
 Le serveur génère du code HTML lors de la
requête du client
 Reconnaissable grâce à la balise <asp: …> et
l’attribut runat = server
ASP .NET
16
LES CONTRÔLES SERVEURS
 Les plus utilisés se trouvent dans la ToolBox
 TextBox
 Button
 ListBox
 Calendar
 Login
 …
ASP .NET
17
LES ÉVÈNEMENTS DES
CONTRÔLE SERVEURS
 Les traitements liés aux évènement sont souvent
traités dans le code behind :
ASP .NET
18
AVANTAGES
 Profiter de la puissance du Framework .Net et la
simplicité du C#
 Communication entre les composants d’un
formulaire
 Un large choix de Contrôle serveurs
 Une gestion des évènement plus riche
 …
ASP .NET
19
MISE EN PAGE
ASP .NET
MISE EN PAGE
 Importance de l’affichage en ASP .Net
 WYSIWYG!!
 ASP .Net propose plusieurs outils facilitant l’affichage
 Master Page
 Les thèmes
 Ajax
 Web Parts
 …
ASP .NET
21
MASTER PAGE
 C’est une page qui va servir de modèle pour
d’autres page d’une application web
ASP .NET
22
MASTER PAGE
ASP .NET
23
TECHNOLOGIES
 Pour la mise en forme, le Framework .Net
support plusieurs types de technologies :
 CSS
 Ajax
 Flash/Flex
 Silverlight (WPF)
 Skin (propre à ASP .Net)
 …
ASP .NET
24
NAVIGATION (POUR KAIS)
ASP .NET
LA NAVIGATION
 Server.Transfert()
 Response.Redirect()
 Autre s’il y en a…
ASP .NET
26
GESTION DES ÉTATS
NOTION: CONSERVER DES INFORMATION DE L’UTILISATEUR
COURANT
ASP .NET
QUE CHOISIR? CÔTÉ CLIENT
OU CÔTÉ SERVEUR
Côté client Côté serveur
La performance : requêtes au
niveau du navigateur client ->
serveur moins surchargé- >
vitesse d’affichage
Sécurité : les chance de perte
des données sont moindres
ainsi que la sécurité est
satisfaisante
Pérennité des informations :
l’utilité des cookies dans
l’authentification par exemple
Réduction de la bande
passante : éviter d’alourdir le
clients avec des données
pesantes
ASP .NET
28
GESTION D’ÉTAT CÔTÉ
CLIENT
View state Traquer des valeurs dans des
contrôles
Control state Pour ne pas casser des custom
control en désactivant le view
state
Hidden field Des champs cachés récupérant
un postback
Coockies Valeurs stockées sur le navigateur
client
Query Strings Passage de valeurs dans l’url
ASP .NET
29
GESTION D’ÉTAT CÔTÉ
SERVEUR
Application State -Un dictionnaire
-données communes à tous les
utilisateurs
-données volatiles au
redémarrage de l’application
-gérés par des évènements de
démarrage et d’arrêt
-configuration (.asax)
Session State -Un dictionnaire aussi
-données spécifiques pour
chaque utilisateur
-données volatiles au
redémarrage de l’application
web
- Peuvent être désactivées
- (.config)
ASP .NET
30
FICHIER GLOBAL.ASAX
 Exemple :
 Lors de la fermeture de la session, on efface toute
trace de l’utilisateur
ASP .NET
31
FICHIER GLOBAL.ASAX
 Appelé fichier d’application ASP
 C’est un fichier optionnel qui contient du code
pour répondre aux événements de niveau
application ou session déclenchés par ASP.NET :
 Au démarrage de l’application et à sa fermeture
 Au démarage d’une session et de sa fin
 …
ASP .NET
32
L’OBJET SESSION
 Exemple :
ASP .NET
33
ATELIERS : GESTION DES
ÉTATS
 Ouvrez vos EDI Visual Studio!!!
ASP .NET
34
NAVIGATION ENTRE LES
PAGES WEB
 Pour se rediriger vers une autre page Web,
plusieurs solutions existent. Exemples :
 La balise <a hfer …>
 La commande :
Response.Redirect(‘’MaPage.aspx‘’);
 La deuxième repense est utilisé dans le code
Behind, tandis que la première solution est utilisé
dans le HTML
ASP .NET
35
LA MASTER PAGE
 C’est un composant qui vous permet de créer des
Template
ASP .NET
36
ACCÈS AUX DONNÉES
ASP .NET 37
ATELIER
ASP .NET 38
ASP .NET 39
MERCI DE VOTRE ATTENTION
Réf :
•MSDN : http://msdn.microsoft.com
•Les grandes lignes de la programmation ASP .Net par Cécile MUNO
•Supinfo : Nicolescu Mathieu

Contenu connexe

Similaire à Chap 3 - ASP .Net.pptx

Introdot Netc Sharp Fr
Introdot Netc Sharp FrIntrodot Netc Sharp Fr
Introdot Netc Sharp Fr
Gregory Renard
 
Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2
apratt72
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
Vincent Perrin
 
Vbscript
VbscriptVbscript
Vbscript
ouedib
 

Similaire à Chap 3 - ASP .Net.pptx (20)

Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
MERAZKA Messaoud
MERAZKA MessaoudMERAZKA Messaoud
MERAZKA Messaoud
 
ASP_NET_complet.pdf
ASP_NET_complet.pdfASP_NET_complet.pdf
ASP_NET_complet.pdf
 
Introdot Netc Sharp Fr
Introdot Netc Sharp FrIntrodot Netc Sharp Fr
Introdot Netc Sharp Fr
 
La plateforme JEE
La plateforme JEELa plateforme JEE
La plateforme JEE
 
Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
 
Google Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonGoogle Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative Common
 
Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2
 
Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?
 
Formation gwt
Formation gwtFormation gwt
Formation gwt
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
cours-gratuit.com--id-1964.pdf
cours-gratuit.com--id-1964.pdfcours-gratuit.com--id-1964.pdf
cours-gratuit.com--id-1964.pdf
 
Introduction à ASP.NET
Introduction à ASP.NETIntroduction à ASP.NET
Introduction à ASP.NET
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
 
Tour Horizont.Net
Tour Horizont.NetTour Horizont.Net
Tour Horizont.Net
 
Vbscript
VbscriptVbscript
Vbscript
 
Le développement d&rsquo;un Composant WinRT
Le développement d&rsquo;un Composant WinRTLe développement d&rsquo;un Composant WinRT
Le développement d&rsquo;un Composant WinRT
 
Premiers pas dans l'univers .NET
Premiers pas dans l'univers .NETPremiers pas dans l'univers .NET
Premiers pas dans l'univers .NET
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 

Chap 3 - ASP .Net.pptx

  • 2. PLAN DE LA PRÉSENTATION  Introduction à l’ASP .Net  Les contrôles ASP .Net  Mise en page  Navigation  Gestion des états  Déploiement 2 ASP .NET
  • 3. INTRODUCTION À L’ASP .NET ASP .NET
  • 4. QU’EST CE QUE L’ASP .NET  Qu’est ce que ASP .Net ?  Un langage?  Une technologie?  Une architecture?  ??? 4 ASP .NET Un ensemble de technologies pour développer des applications Web
  • 5. HISTORIQUE  ASP : prédécesseur de l’ASP .Net  Active Server Pages  Un ensemble de technologie  Pour le développement Web  Principal langage : VB Script (interprété)  Mais aussi : JScript, Python, …  Script écrit avec le code HTML  Non portable, … ASP .NET 5
  • 6. PASSAGE ASP .NET  Il fallait séparer le code HTML du traitement  Portabilité (pas de langage interprété)  Profiter du Framework .Net  Profiter des autres Framework (AJAX, JavaScript,…)  Surtout : WYSIWYG  … ASP .NET 6
  • 7. QUI A-T-IL DANS UNE PAGE ASP .NET  Une page web ASP .Net c’est :  Une page XHTML d’extension aspx  MaPage.aspx  Un fichier écrit en un langage du Framework .Net (C#, VB .Net, …)  MaPage.aspx.cs (pour le C#)  MaPage.aspx.vb (pour le VB .Net) ASP .NET 7
  • 8. QUI A-T-IL DANS UNE PAGE ASP .NET ASP .NET 8
  • 9. COMMENT ÇA SE PASSE COTÉ SERVEUR ASP .NET 9
  • 10. COMMENT ÇA SE PASSE COTÉ SERVEUR  Le code behind n’est compilé que s’il y a demande ( au moins une)  On parle de compilation à la volé  A chaque fois qu’il y a une modification, le code est recompilé au prochain appel  Au final l’utilisateur ne voit que du code HTML  Il est possible aussi de mettre du code C# (ou VB .Net) directement dans les page aspx ASP .NET 10
  • 11. LES CONTRÔLES ASP .NET • • ASP .NET
  • 12. CODE HTML CLASSIQUE  Il est possible de travailler avec des pages HTML classiques sans pour autant travailler avec du code Behind ou du ASP .Net ASP .NET 12
  • 13. CODE HTML CLASSIQUE  Tous les contrôles HTML sont donc utilisable :  Input  Textarea  Table  Image  Select  Horizontal Rule  Div ASP .NET 13
  • 14. DU C# DANS LE HTML  Il est possible d’insérer du langage C# dans la page HTML ASP .NET 14
  • 15. MAIS AUSSI…  Du Java Script  Du CSS  AJAX  … ASP .NET 15
  • 16. LES CONTRÔLES SERVEURS  Se sont les objets qui s’exécutent coté serveur (IIS : Internet Information System)  Ecrit en C#  Le serveur génère du code HTML lors de la requête du client  Reconnaissable grâce à la balise <asp: …> et l’attribut runat = server ASP .NET 16
  • 17. LES CONTRÔLES SERVEURS  Les plus utilisés se trouvent dans la ToolBox  TextBox  Button  ListBox  Calendar  Login  … ASP .NET 17
  • 18. LES ÉVÈNEMENTS DES CONTRÔLE SERVEURS  Les traitements liés aux évènement sont souvent traités dans le code behind : ASP .NET 18
  • 19. AVANTAGES  Profiter de la puissance du Framework .Net et la simplicité du C#  Communication entre les composants d’un formulaire  Un large choix de Contrôle serveurs  Une gestion des évènement plus riche  … ASP .NET 19
  • 21. MISE EN PAGE  Importance de l’affichage en ASP .Net  WYSIWYG!!  ASP .Net propose plusieurs outils facilitant l’affichage  Master Page  Les thèmes  Ajax  Web Parts  … ASP .NET 21
  • 22. MASTER PAGE  C’est une page qui va servir de modèle pour d’autres page d’une application web ASP .NET 22
  • 24. TECHNOLOGIES  Pour la mise en forme, le Framework .Net support plusieurs types de technologies :  CSS  Ajax  Flash/Flex  Silverlight (WPF)  Skin (propre à ASP .Net)  … ASP .NET 24
  • 26. LA NAVIGATION  Server.Transfert()  Response.Redirect()  Autre s’il y en a… ASP .NET 26
  • 27. GESTION DES ÉTATS NOTION: CONSERVER DES INFORMATION DE L’UTILISATEUR COURANT ASP .NET
  • 28. QUE CHOISIR? CÔTÉ CLIENT OU CÔTÉ SERVEUR Côté client Côté serveur La performance : requêtes au niveau du navigateur client -> serveur moins surchargé- > vitesse d’affichage Sécurité : les chance de perte des données sont moindres ainsi que la sécurité est satisfaisante Pérennité des informations : l’utilité des cookies dans l’authentification par exemple Réduction de la bande passante : éviter d’alourdir le clients avec des données pesantes ASP .NET 28
  • 29. GESTION D’ÉTAT CÔTÉ CLIENT View state Traquer des valeurs dans des contrôles Control state Pour ne pas casser des custom control en désactivant le view state Hidden field Des champs cachés récupérant un postback Coockies Valeurs stockées sur le navigateur client Query Strings Passage de valeurs dans l’url ASP .NET 29
  • 30. GESTION D’ÉTAT CÔTÉ SERVEUR Application State -Un dictionnaire -données communes à tous les utilisateurs -données volatiles au redémarrage de l’application -gérés par des évènements de démarrage et d’arrêt -configuration (.asax) Session State -Un dictionnaire aussi -données spécifiques pour chaque utilisateur -données volatiles au redémarrage de l’application web - Peuvent être désactivées - (.config) ASP .NET 30
  • 31. FICHIER GLOBAL.ASAX  Exemple :  Lors de la fermeture de la session, on efface toute trace de l’utilisateur ASP .NET 31
  • 32. FICHIER GLOBAL.ASAX  Appelé fichier d’application ASP  C’est un fichier optionnel qui contient du code pour répondre aux événements de niveau application ou session déclenchés par ASP.NET :  Au démarrage de l’application et à sa fermeture  Au démarage d’une session et de sa fin  … ASP .NET 32
  • 34. ATELIERS : GESTION DES ÉTATS  Ouvrez vos EDI Visual Studio!!! ASP .NET 34
  • 35. NAVIGATION ENTRE LES PAGES WEB  Pour se rediriger vers une autre page Web, plusieurs solutions existent. Exemples :  La balise <a hfer …>  La commande : Response.Redirect(‘’MaPage.aspx‘’);  La deuxième repense est utilisé dans le code Behind, tandis que la première solution est utilisé dans le HTML ASP .NET 35
  • 36. LA MASTER PAGE  C’est un composant qui vous permet de créer des Template ASP .NET 36
  • 39. ASP .NET 39 MERCI DE VOTRE ATTENTION Réf : •MSDN : http://msdn.microsoft.com •Les grandes lignes de la programmation ASP .Net par Cécile MUNO •Supinfo : Nicolescu Mathieu