Gl4 2009chap 4 ASP

Chapitre 4
Dveloppement Web avec la technologie .NET
Dveloppement web avec ASP.NET 2.0
Sommaire
Introduction ASP .NET Les contrles WEB Accs aux bases de donnes ADO .NET Nouveauts ASP 2.0 Pages Master et Thmes/skins Nouveaux contrles daccs aux donnes Gestion des membres (Scurit daccs) Web parts
M. Romdhani, INSAT, Novembre 2005
Introduction ASP .NET
Quest-ce que ASP.NET ?

ASP.NET est une architecture qui sappuie sur le Framework .NET avec des contrles supplmentaires Son rle est de simplifier le dveloppement des applications WEB On applique le modle de programmation Windows au monde du WEB (vnement)
La compilation des pages la vole
Processus de traitement d'une page

Lorsque linternaute navigue sur un site Web, il envoie un ensemble de requtes au serveur Web. Un message de requtes contient une multitude dinformations qui vont permettre au Serveur de traiter au mieux la demande. Le message de requte sera donc reu par le serveur Web IIS et linformation sera aussitt transmise ASP.NET qui va crer ensuite une instance de Page partir des informations reues. Lorsque le client envoi un message de requte au serveur, deux cas peuvent se prsenter :
Cest une premire demande : cest la premire fois que le client demande accder la page. Cest une publication : cela veut dire quun vnement de la page a t dclench. Par exemple, quand le client clique sur un bouton dune page, ceci est une publication qui va appeler lvnement Click du bouton.
Lobjet Page possde une proprit IsPostBack de type Boolen ( true ou false ) qui permet de diffrencier entre les deux cas :
False pour une premire demande True pour une publication. 6
Les diffrents types de fichiers ASP.NET

Fichiers *.aspx
Ces fichiers qui ont pour extension aspx vont reprsenter les WebForms, cest--dire les pages Web. Cest sur ces fichiers que sera mise en place la partie visuelle de lapplication. La plupart du temps, le code C# (ou autres ) ne sera pas insr dans ce fichier mais dans un fichier attach du type aspx.cs (CS pour CSharp).
Fichiers *.ascx
Ces fichiers reprsentent les UserControl. Lavantage dun UserControl est que lon peut le rutiliser. En effet, une fois le UserControl dvelopp, il suffira de faire du dragn drop du composant sur le WebForm, et le UserControl pourra tre donc utilis par plusieurs WebForms.
Fichiers *.asmx
Ces fichiers reprsentent les WebServices.
Visual Web Developer 2005 Express Edition, un IDE gratuit de chez Microsoft
Les contrles WEB
Les contrles serveur

Tous les contrles serveur drivent de la classe Control , classe qui drive de la Classe Object .
10
Les contrles HTML

Les contrles serveurs HTML ne sont pas difficiles manier surtout si on connat le HTML. En fait, ces contrles ne sont que des simples tags HTML la diffrence prs que lon ajoute lattribut runat=server . On distingue trois catgories :
1. Les contrles containers (HTMLCONTAINERCONTROL) 2. Les contrles INPUT (HTMLINPUTCONTROL) 3. Le contrle image.
11
Les contrles Web

Comme les contrles HTML de type serveur, les contrles Web drivent de la classe Control . Mais les similitudes sarrtent l car en effet, les contrles Web nont pas dquivalence en HTML contrairement aux contrles HTML. Les Web forms sont un modle de codage. La gestion d'vnements s'effectue ct serveur Possiblit de validation du contenu
12
Les Web Forms : un modle de codage

Code Behind Sparation de la couche prsentation et de la couche mtier Orient objets Orient vnement Compilation
13
Web Forms
Sparation prsentation/logique
Le contenu et le traitement sont spars
Les dveloppeurs et les graphistes peuvent, en standard, travailler indpendamment
ASP
Un seul fichier
ASP .NET
Fichiers distincts / sparation logique
code <balises> code <balises>

Form1.asp
code <balises> code

<balises> Form1.aspx
Form1.aspx.cs Form1.aspx
14
Web Forms
Flux aspx / code-behind / vnement
Modle de programmation vnementiel

Dclaration dun handler, puis implmentation de celui-ci
Dans la page ASPX
<asp:button id="b1" OnClick="b1_OnClick" text="PostBack" runat="server"/>
Dans le code behind

private void b1_OnClick(Object sender, EventArgs e) { label1.Text = "Test" ; }
Mapping des noms de contrles automatique

(mme nom)
15
Les controles de validation

Required Field Validator <asp:RequiredFieldValidator ControlToValidate=txtFname Text=First name is required. InitialValue=Your First Name Runat=Server /> Regular Expression Validator Email Addresses, Phone Numbers, URLs, Entry Length etc. Compare Validator Utilis pour comparer deux controles Data Type Check
16
Autres controles de Validation

Range Validator Vrifie lappartenance dune valeur un intervalle Values Validation Summary Affiche un rsum de tous les erreurs Custom Validator Pour tout type de validation personnalise. Il peut dfinir aussi bien des validations ct serveur que des validations cot client.
17
Exemple de configuration
Le fichier de configuration ci-dessus permet daccder aux sections de configurations des applications Web WebApp1 et WebApp2.
18
Exemple de configuration personnalise

Options de config. personnalises Dans le Web.Config
<configuration> <appSettings> <add key="DSN" value="server=localhost </appSettings> </configuration>
Accs par le code

DSN = ConfigurationSettings.AppSettings("DSN");
19
Le fichier Global.asax
Le fichier Global.asax permet de grer les vnements dune application. Ce fichier doit se trouver la racine de lapplication Web. ASP.NET va compiler automatiquement le fichier dans une classe, qui est la classe HttpApplication .
20
Exemple de configuration personnalise
Rediriger certaines erreurs sur des pages spcifiques
<customErrors mode="On"> <error statusCode="404" redirect="PageErreur404.aspx" /> </customErrors>
<customErrors mode=RemoteOnly"> <error statusCode="404" redirect="PageErreur404.aspx" /> </customErrors>
21
Dboggage et trace
Le Framework .NET met disposition du dveloppeur des outils de dbogage qui vont permettre de faciliter la recherche derreurs en regardant pas pas le fonctionnement dune application ASP.NET Options de trace Enabled
Les informations de trace sont stockes. Elles sont accessibles travers : http://site/trace.axd
RequestLimit
Ne stocke les infos de trace que pour le nombre de requtes fourni
PageOutput
Permet davoir les infos de trace galement en base de la page
TraceMode
Permet de trier les infos de trace par date ou catgorie
crire dans le fichier de trace

Trace.Write("Page_Load", "Entre") Trace.Warn("LireInfo", "Argument invalide")
22
Dboggage et trace
Pour activer le dboguage au sein de vos applications ASP.NET, il faut ajouter au fichier de configuration Web llment Compilation dans la section Configuration :
On peut ensuite placer des points darrt dans le code de lapplication pour ensuite la dboguer pas pas Pour dboguer une application, il est parfois utile dafficher la liste de toutes les variables de lapplication et dy ajouter ses propres messages. Le trace va permettre tout cela. Il existe deux types de traage : Traage au niveau de la page Traage au niveau de lapplication.
23
Objets implicites de ASP.NET

ASP.NET offre plusieurs classes qui permettent daccder, par exemple, des informations sur le client (nom du navigateur, Systme dexploitation ), de stocker des donnes globales lapplication, deffectuer une redirection Les principaux objets .NET pour construire une application Web assez complte : Response Request Application Session Cache
24
Contrles utilisateurs
Les contrles client peuvent embarquer du code JavaScript et ainsi sexcuter sur le navigateur du poste client, si celuici le supporte. Avec les contrles utilisateur on peut crer des contrles qui pourront tre utiliss par plusieurs applications. Les WebForms ont pour extension *.aspx . Les Contrles utilisateur ont eux pour extension *.ascx . Pour utiliser des contrles utilisateur au sein dune WebForm, il faut absolument enregistrer ce contrle dans la page. Ceci peut tre fait via la directive Register .
25
.Net 2.0, ajouts et amliorations tous les tages

Syntaxes & Compilateurs Outils Modlisation Outils Gestion Source Outils Test
Code mieux structur Code partag Plus de productivit
IDE VS2005
Windows Form
ASP.NET v2 Framework BCL
ADO.NET 2.0

SQL Server 2005
Plus de puissance Plus de souplesse largir le Framework
CLR 2.0
Performances Scurit Generics
26
Nouveauts ASP .Net 2.0

Contrles
Contrles de Login
Contrles de donnes
Web Parts
Page Framework
Pages Master
Thmes et Skins
Mobilit et Localisation
Compilation
Services et APIs
Membres
Gestion des Membres
Profils
Configuration
Plan de Sites
Monitoring
27
ASP.NET 2.0
Pages Master, Thmes et Skins
Pages Master
Page Master Page de contenu
29
Dfinition dune page Master

Directive Page Master
<%@ Master %> <html> <body> <table width="100%"> <tr> <td bgcolor="darkblue" align="center"> <span style="font-size: 36pt; color: white">ACME Inc.</span> </td> </tr> </table> <asp:ContentPlaceHolder ID="Main" RunAt="server" /> </body> </html>
PlaceHolder
30
Rfrencement dune page Master

Page Master Rfrence
<%@ Page MasterPageFile="~/Site.master" %> <asp:Content ContentPlaceHolderID="Main" RunAt="server"> This content fills the place holder "Main" defined in the master page </asp:Content> On remplit le PlaceHolder de la page Master
31
Application dune page Master lensemble des pages dun site
<configuration> <system.web> <pages masterPageFile="~/Site.master" /> </system.web> </configuration>
32
Application dune page Master via le code
void Page_PreInit (Object sender, EventArgs e) { Page.MasterPageFile = "~/Site.master"; }
33
Contenu par dfaut

Les contrles ContentPlaceHolder peuvent dfinir leur contenu par dfaut Le contenu par dfaut est appliqu uniquement si le contenu ContentPlaceHolder nest pas dfini dans la page de contenu
<%@ Master %> <asp:ContentPlaceHolder ID="Main" RunAt="server"> This is default content that will appear in the absence of a matching Content control in a content page <asp:ContentPlaceHolder>
34
Thmes et Skins
Skin : Attributs visuels pour les contrles (boutons, champs texte, etc.) Stocks dans les fichiers .skin Skins par dfaut et Skins dfinis Thme : Collection dun ou plusieurs skins Stockes dans les sous rpertoires Themes Thmes globaux et thmes spcifiques un rpertoire
35
Appliquer un thme une page
<%@ Page Theme="BasicBlue">
Avant
Aprs
36
Appliquer un thme lensemble des pages dun site
<configuration> <system.web> <pages theme="BasicBlue" /> </system.web> </configuration>
37
Appliquer un thme via le code
void Page_PreInit (Object sender, EventArgs e) { Page.Theme = "BasicBlue"; }
38
Dfinir des Skins

 <asp:DropDownList runat="server" BackColor="hotpink" ForeColor="white" />  <asp:DataGrid runat="server" BackColor="#CCCCCC" BorderWidth="2pt" BorderStyle="Solid" BorderColor="#CCCCCC" GridLines="Vertical" HorizontalAlign="Left"> <HeaderStyle ForeColor="white" BackColor="hotpink" /> <ItemStyle ForeColor="black" BackColor="white" /> <AlternatingItemStyle BackColor="pink" ForeColor="black" /> </asp:DataGrid>
39
ASP.NET 2.0
Accs aux donnes
Data Binding simplifi
 <%# DataBinder.Eval (Container.DataItem, "Price") %>  <%# Eval ("Price") %>  <%# XPath ("Price") %>
41
Contrles DataSource
Nouveaux contrles DataSource SQLDataSource : Connecte des contrles des bases de donnes SQL XMLDataSource : Connecte des contrles des donnes XML ObjectDataSource : Connecte des contrles des objets mtiers SiteMapDataSource : Connecte des contrles des objets SiteMap .
42
Quelques proprits de SqlDataSource

Supporte un Data Binding Bi Directionnel Attributs
ConnectionString : Chane de connexion la base de donnes SelectCommand : Commande excuter pour rcuprer les enregistrements InsertCommand : Commande excuter pour insrer les enregistrements UpdateCommand : Commande excuter pour modifier les enregistrements DeleteCommand : Commande excuter pour supprimer les enregistrements ProviderName : Nom du provider utiliser (Oracle, SQL, )
43
Utilisation de SqlDataSource
<asp:SqlDataSource ID="Titles" RunAt="server" ConnectionString="server=localhost;database=pubs;integrated security=true" SelectCommand="select title_id, title, price from titles" /> <asp:DataGrid DataSourceID="Titles" RunAt="server" />
Utilisation dune base de donnes Oracle

<asp:SqlDataSource ID="Titles" RunAt="server" ConnectionString="..." SelectCommand="select title_id, title, price from titles" ProviderName="System.Data.OracleClient" />
44
Mise en cache du rsultat
<asp:SqlDataSource ID="Countries" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select distinct country from customers order by country" EnableCaching="true" CacheDuration="60" /> <asp:DropDownList ID="MyDropDownList" DataSourceID="Countries" DataTextField="country" AutoPostBack="true" RunAt="server" />
45
Commandes paramtres
<asp:SqlDataSource ID="Countries" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select distinct country from customers order by country" /> <asp:SqlDataSource ID="Customers" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select * from customers where country=@Country"> <SelectParameters> <asp:ControlParameter Name="Country" ControlID="MyDropDownList" PropertyName="SelectedValue" /> </SelectParameters> </asp:SqlDataSource> <asp:DropDownList ID="MyDropDownList" DataSourceID="Countries" DataTextField="country" AutoPostBack="true" RunAt="server" /> <asp:DataGrid DataSourceID="Customers" RunAt="server" />
46
XmlDataSource
Binding dans un seul sens (pas de mise jour) Dclaration du fichier Data source Supporte la mise en cache et les transformations XSL
<asp:XmlDataSource ID="Rates" DataFile="Rates.xml" RunAt="server" /> <asp:TreeView ID="MyTreeView" DataSourceID="Rates" RunAt="server" />
47
ObjectDataSource
Data Binding Bi Directionnel SelectMethod, InsertMethod, UpdateMethod, et DeleteMethod Data Binding avec une couche mtier Permet de sparer la couche prsentation de la couche mtierTwo-way data binding Mise en cache des donnes Commandes paramtrables
48
Contrle GridView
Super DataGrid Support pour le Sorting, paging, selecting, updating et deleting - 0 code Nouveaux types de colonnes ImageFields et CheckBoxFields Trs facilement personnalisable
49
Exemple de GridView
<asp:SqlDataSource ID="Employees" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select lastname, firstname, title from employees" /> <asp:GridView DataSourceID="Employees" Width="100%" RunAt="server" />
50
Types de colonnes
<asp:SqlDataSource ID="Employees" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select photo, lastname, firstname, title from employees" /> <asp:GridView DataSourceID="Employees" Width="100%" RunAt="server" AutoGenerateColumns="false" > <Columns> <asp:ImageField HeaderText="" DataField="photo" /> <asp:TemplateField HeaderText="Name"> <ItemTemplate> <%# Eval ("firstname") + " " + Eval ("lastname") %> </ItemTemplate> </asp:TemplateField> <asp:BoundField HeaderText="Title" DataField="title" /> </Columns> </asp:GridView>
51
Contrle DetailsView
Affiche le dtail dun enregistrement Fonctionna en paire avec un GridView Ou individuellement (appel partir dune page) Support pour paging, inserting, updating, deleting Mme type de colonnes que le contrle GridView Trs facilement personnalisable
52
Exemple DetailsView
<asp:SqlDataSource ID="Employees" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select employeeid, photo, ... from employees" /> <asp:DetailsView DataSourceID="Employees" RunAt="server" AllowPaging="true" AutoGenerateRows="false" PagerSettings-Mode="NextPreviousFirstLast"> <Fields> <asp:ImageField HeaderText="" DataField="photo" /> <asp:BoundField HeaderText="Employee ID" DataField="employeeid" /> <asp:BoundField HeaderText="Date Hired" DataField="hiredate" /> <asp:TemplateField HeaderText="Name"> <ItemTemplate> <%# Eval ("firstname") + " " + Eval ("lastname") %> </ItemTemplate> </asp:TemplateField> <asp:BoundField HeaderText="Title" DataField="title" /> </Fields> </asp:DetailsView>
53
dition avec GridViews

Commande Update Paramtres pour Update
<asp:SqlDataSource ID="Employees" RunAt="server" ConnectionString="server=localhost;database=northwind;..." SelectCommand="select employeeid, lastname, firstname, from employees" UpdateCommand="update employees set lastname=@lastname, firstname= @firstname where employeeid=@original_employeeid"> <UpdateParameters> <asp:Parameter Name="EmployeeID" Type="Int32" /> <asp:Parameter Name="lastname" Type="String" /> <asp:Parameter Name="firstname" Type="String" /> </UpdateParameters> </asp:SqlDataSource> <asp:GridView DataSourceID="Employees" Width="100%" RunAt="server" DataKeyNames="EmployeeID" AutoGenerateEditButton="true" />
Cl primaire
Bouton Edit
54
ASP.NET 2.0
Gestion des membres
Service des gestion des membres

Services pour grer les utilisateurs : En utilisant le site dadministration A partir du code Les donnes relatives aux membres peuvent tre stockes dans diffrents providers : Base de donnes SQL Base de donnes Access
56
Schma services de gestion des membres

Contrle s
Login LoginStatus LoginView
API de gestion des membres

Membership MembershipUser
Providers pour la gestion des membres
SqlMembershipProvider
Donnes membres
SQL Server
57
Classe Membership
Fournit des mthodes pour effectuer les tches les plus importantes pour la gestion des utilisateurs : Cration & suppression des utilisateurs Rcupration dinformation sur les utilisateurs Gnration de mots de passe Validation des credentials (login/mot de passe) des utilisateurs
58
Quelques mthodes de la classe Membership

CreateUser : Cre un utilisateur dans le data store DeleteUser : Supprime un utilisateur du data store GeneratePassword : Gnre un mot de passe GetAllUsers : Retourne la liste des utilisateurs
GetUser : Retourne les informations relatives un utilisateur UpdateUser : Met jour les informations relatives un utilisateur ValidateUser : Authentifie et Valide le Login/Mot de passe dun utilisateur
59
Contrles de Login
ChangePassword : Contrle pour changement de mot de passe CreateUserWizard : Contrle pour crer un utilisateur Login : Contrle pour lauthentification LoginName : Contrle pour afficher le nom de lutilisateur LoginStatus : Contrle pour afficher le statut de connexion PasswordRecovery : Contrle pour rcuprer le mot de passe
60
Le contrle dauthentification
Contrle pour permettre aux utilisateurs de se loger Peut sintgrer avec les services de gestion des membres : appelle la mthode ValidateUser Utilise les RequiredFieldValidators Trs personnalisable
61
Utilisation du contrle dauthentification

<html> <body> <form runat="server"> <asp:Login RunAt="server" /> </form> </body> </html>
62
Personnalisation du contrle dauthentification
<asp:Login ID="LoginControl" RunAt="server" CreateUserText="Create new account" CreateUserUrl="CreateUser.aspx" DisplayRememberMe="false" PasswordRecoveryText="Forgotten your password?" PasswordRecoveryUrl="RecoverPassword.aspx" SubmitButtonText="Do It!" TitleText="Please Log In" />
63
Quelques vnements du contrle dauthentification
Authenticate : Sexcute quand lutilisateur clique sur le bouton Login LoggedIn : Sexcute quand lutilisateur a t authentifi LoginError : Sexcute quand le login/mot de passe est incorrect
64
La classe Roles
Fournit des mthodes pour effectuer les tches les plus importantes pour la gestion des Rles : Cration & suppression des Rles Rcupration dinformation sur les Rles Ajout dutilisateurs aux Rles Suppression dutilisateurs des Rles
65
Quelques mthodes de gestion des Rles

AddUserToRole : Ajoute un utilisateur un Rle CreateRole : Cre un Rle
GetRolesForUser : Retourne la liste des Rles auxquels un utilisateur appartient IsUserInRole : Indique si lutilisateur appartient un Rle RemoveUserFromRole : Supprime un utilisateur dun Rle ...
66

Gl4 2009chap 4 ASP

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Gl4 2009chap 4 ASP

Uploaded by

Copyright:

Available Formats

Chapitre 4

Dveloppement Web avec la technologie .NET

Dveloppement web avec ASP.NET 2.0

M. Romdhani, INSAT, Novembre 2005

Introduction ASP .NET

Dveloppement web avec ASP.NET 2.0

Quest-ce que ASP.NET ?

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

La compilation des pages la vole

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Processus de traitement d'une page

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les diffrents types de fichiers ASP.NET

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

M. Romdhani, INSAT, Novembre 2005

Les contrles WEB

Dveloppement web avec ASP.NET 2.0

Les contrles serveur

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les contrles HTML

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les contrles Web

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les Web Forms : un modle de codage

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les dveloppeurs et les graphistes peuvent, en standard, travailler indpendamment

code <balises> code <balises>

code <balises> code

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

 Modle de programmation vnementiel

 Dans le code behind

 Mapping des noms de contrles automatique

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Les controles de validation

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Autres controles de Validation

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Exemple de configuration personnalise

Accs par le code

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

Exemple de configuration personnalise

Rediriger certaines erreurs sur des pages spcifiques

<customErrors mode="On"> <error statusCode="404" redirect="PageErreur404.aspx" /> </customErrors>

<customErrors mode=RemoteOnly"> <error statusCode="404" redirect="PageErreur404.aspx" /> </customErrors>

M. Romdhani, INSAT, Novembre 2005

Dveloppement web avec ASP.NET 2.0

 crire dans le fichier de trace

Modle de programmation vnementiel

Dans le code behind

Mapping des noms de contrles automatique

crire dans le fichier de trace