ASP.NET 2.0. Applications Web. Campus-Booster ID : Copyright SUPINFO. All rights reserved

Transcription

1 ASP.NET 2.0 Applications Web Campus-Booster ID : Copyright SUPINFO. All rights reserved

2 ASP.NET 2.0 Applications Web Objectifs de ce module En suivant ce module vous allez : Découvrir le fonctionnement d ASP.NET 2.0 Apprendre à développer des applications web simples Comprendre la configuration des applications web

3 ASP.NET 2.0 Applications Web Plan du module Voici les parties que nous allons aborder : Introduction à ASP.NET 2.0. Contrôles serveur. Framework de page. Fichiers de configuration.

4 ASP.NET 2.0 Application Web Introduction à ASP.NET 2.0 Découvrir le développement d applications Web

5 Introduction à ASP.NET 2.0 Plan de la partie Voici les chapitres que nous allons aborder : Généralités Traitement des requêtes Notion de code-behind ASP.NET et Visual Studio Compilation Cycle de vie Objets ASP.NET

6 Introduction à ASP.NET 2.0 Généralités Objectifs d ASP.NET 2 Créer des applications web Haute productivité Créer facilement des applications fonctionnelles Respecter les standards Offrir une sécurité élevée Améliorer les performances et l évolutivité

7 Introduction à ASP.NET 2.0 Généralités Principes d ASP.NET 2 Programmation évènementielle Se rapproche de la programmation Winforms Programmation orientée objets Eléments graphiques = objets Types de fichiers.aspx : page web ASP.NET; compilée pour renvoyer du code HTML.ascx : Contrôle utilisateur ASP.NET.asmx : Service web ASP.NET On parle de WebForms

8 Introduction à ASP.NET 2.0 Traitement des requêtes Principes d ASP.NET 2 Traitement d une requête classique Client (Navigateur) HTTP 1- Requête : Serveur avec application web TRAITEMENT 2- Réception de la requête 3- Composition de la réponse 5- Réponse HTML 4- Renvoi de la réponse

9 Introduction à ASP.NET 2.0 Traitement des requêtes Schéma processus : Requête / Réponse

10 Introduction à ASP.NET 2.0 Notion de code-behind Le code de traitement des événements peut être : Inséré dans la page.aspx (code-inline) Contenu dans un autre fichier (code-behind) Fichier d extension.aspx.cs (ou.vb) Précisé dans la page.aspx via la Classe partielle

11 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Utilisation de Visual Studio 2005 avec ASP.NET 2 Programmation pratiquement identique aux WinForms Editeur graphique intuitif : drap&drop de contrôles Possibilité de débuguer une application (pas à pas) Disponibilité d outils performants tels que l explorateur de serveurs

12 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Procédure à suivre pour créer une nouvelle WebForm : File > New > Web Site

13 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Options de création d une WebForm Choix du langage de programmation.net Template Choix du type d application Type de stockage Systeme de fichier, HTTP, ou FTP Chemin du fichier

14 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Solution explorer Solution Regroupement de projets Projet Example WebForm par défaut Fichier aspx et codebehind Répertoire de données Bases de données

15 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Boites à outils Contrôles serveur standards Contrôles de login Contrôles de données Contrôles de validation Contrôles de navigation Contrôles HTML Contrôles WebParts

16 Introduction à ASP.NET 2.0 ASP.NET et Visual Studio Démonstration

17 Introduction à ASP.NET 2.0 Compilation Héritage et compilation d une page ASP.NET 2 System.Web.UI.Page Classe partielle contenant le code-behind Classe partielle générée à partir du fichier.aspx Fusionné en une seule classe qui dérive de Page MaClasse.dll Compilé par ASP.NET à l exécution

18 Introduction à ASP.NET 2.0 Cycle de vie Etapes par lesquelles passe une page lors d une requête Etapes Rôle Construction Appel des constructeurs Initialisation Restauration des états Chargement de la page Rendu Finalisation Initialise le traitement de la requête Restaure les états des contrôles de la page Validation des contrôles et postback Génération du code HTML Libération des ressources non managées

19 Introduction à ASP.NET 2.0 Cycle de vie Ces étapes correspondent à des événements Il est possible d agir sur ces étapes En redéfinissant certaines méthodes En s abonnant à certains de ces événements Exemple : La méthode Page_Load() protected void Page_Load(object sender, EventArgs e) { //Code to execute at the page //loading }

20 Introduction à ASP.NET 2.0 Objets ASP.NET Il existe différents objets que vous pouvez utiliser dans votre code : Server Request Response Cookie Session Application

21 Introduction à ASP.NET 2.0 Objets ASP.NET L objet Server : L objet Server permet d effectuer certaines actions en rapport avec le serveur Redirection Transformations d URLs Web en Urls Système de fichiers

22 Introduction à ASP.NET 2.0 Objets ASP.NET L objet Request : Contient les informations envoyées par le navigateur Web lorsqu il envoie une requête au serveur Web. Méthode POST : Request.Forms["id_ou_no m"] Méthode GET : Request.QueryString["id_ ou_nom"]

23 Introduction à ASP.NET 2.0 Objets ASP.NET Autres objets : L objet Response Constitue la réponse envoyée par le serveur au client L objet Cookies Permet la création de la manipulation de Cookies L objet Session Permet de stocker et manipuler des objets en rapport avec une session (Navigateur web)

24 Introduction à ASP.NET 2.0 Objets ASP.NET L objet Application : Stocke et manipule des objets accessibles à partir de n importe quelle session Application["NbUsers"] = 1;

25 Introduction à ASP.NET 2.0 Pause réflexion sur la partie 1 Avez-vous des questions?

26 ASP.NET 2.0 Application Web Contrôles serveur Créer des pages web simples

27 Contrôles serveur Plan de la partie Voici les chapitres que nous allons aborder : Généralités Présentation de quelques contrôles Interaction client/serveur Le principe de PostBack Validation de contrôles

28 Contrôles serveur Généralités Contrôles serveur : objets ASP.NET permettant de générer du code HTML Dérivent de System.Web.UI.Control Lèvent des événements Ex: Clic sur un bouton Attribut runat="server" Exemple, le contrôle Label : <asp:label ID="MyLabel" runat="server" Text="Some Text" />

29 Contrôles serveur Généralités Chaque contrôle peut contenir d autres contrôles Une page ASP.NET est une arborescence de contrôles Page MyLabel MyPanel MyButton MyLabel2 MyTextBox Accès aux contrôles enfant grâce à la propriété Controls

30 Contrôles serveur Présentation de quelques contrôles Le label Affiche du texte Contrôle non éditable par l utilisateur Exemple : <asp:label ID= Label1 runat= server Text= Some Text />

31 Contrôles serveur Présentation de quelques contrôles TextBox Zone de saisie de texte <asp:textbox ID= TextBox1 runat= server /> Peut être récupérée dans le code-behind this.textbox1.text Résultats :

32 Contrôles serveur Présentation de quelques contrôles Contrôle literal Ne génere pas de code HTML autre que celui contenu dans sa propriété text <asp:literal ID= MyLiteral Text= <b>some HTML code</b> runat= server />

33 Contrôles serveur Présentation de quelques contrôles Le DropDownList Liste de choix déroulante : <asp:dropdownlist ID= MyDropDownList runat= server > <asp:listitem>france</asp:listitem> <asp:listitem>germany</asp:listitem> <asp:listitem>usa</asp:listitem> </asp:dropdownlist> Résultat :

34 Contrôles serveur Interaction Client/Serveur Avant ASP.NET Sauvegarde de l état des contrôles d une page d une requête à l autre : A la charge du développeur Fastidieux à mettre en oeuvre Depuis ASP.NET L état est sauvegardé automatiquement Comment est-ce possible? ViewState ControlState

35 Contrôles serveur Interaction Client/Serveur Le ViewState Contrôle HTML invisible Nommé VIEWSTATE Attribut value <input type="hidden" name=" VIEWSTATE" id=" VIEWSTATE" value="/wepdwujnzgzndmwntmzzgry0ry0izil8gqmhzdkijejan6b NQ==" />

36 Contrôles serveur Interaction Client/Serveur Le ControlState Existe depuis ASP.NET 2.0 Permet de gérer séparément les états de certains contrôles Est stocké dans une sous section du ViewState Réduit le problème de taille du ViewState

37 Contrôles serveur Le principe de PostBack Deux types d événements Postback Déclenche une action côté serveur Lance l exécution des méthodes abonnées (C#, VB.NET, ) Abonnement dans le code aspx ou dans le code-behind Non-Postback Ne déclenche pas d action côté serveur Envoyé au serveur lors du prochain PostBack

38 Contrôles serveur Le principe de PostBack Le comportement d un contrôle non-postback est modifiable grâce à la propriété autopostback Propriété IsPostBack protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { this.mydropdownlist.items.addrange( new ListItem[] { new ListItem("Alsace"), new ListItem("Paris"), new ListItem("Valencienne")}); } }

39 Contrôles serveur Validation des contrôles Contrôles de validation : Permettent de valider la saisie des utilisateurs Héritent de BaseValidator Propriété ControlToValidate La validation peut se faire en deux étapes : Sur le client (javascript) Sur le serveur (code-behind) Appel de la méthode Page.Validate() Se fait après le chargement de la page (Load) Propriété EnableClientScript

40 Contrôles serveur Validation des contrôles La propriété Page.IsValid, permet de savoir si les données saisies sont valident Le booléen n est renseigné qu après l appel à la méthode Page.Validate() Cinq contrôles : RequiredFieldValidator CompareValidator RangeValidator RegularExpressionValidator CustomValidator

41 Contrôles serveur Validation des contrôles Exemple : RequiredFieldValidator <asp:textbox ID="TxtNom" runat="server" /> <asp:requiredfieldvalidator ID="MyRequiredFieldValidator" runat="server" ErrorMessage="Vous devez saisir un nom." ControlToValidate="TxtNom"/> ErrorMessage : Message à afficher lorsqu une erreur survient ControlToValidate : Contrôle que le validateur doit valider Résultat :

42 Contrôles serveur Validation des contrôles Le CustomValidator nécessite : Une fonction Javascript pour la validation côté client : <script type="text/javascript"> function EstPair_ClientValid(source, args) { if (args.value % 2 == 0) args.isvalid = true; else args.isvalid = false; } </script>

43 Contrôles serveur Validation des contrôles Le CustomValidator nécessite : Le code ASP pour utiliser la fonction JavaScript <asp:textbox ID="TxtNom" runat="server" /> <asp:customvalidator ID="CustomValidator1" runat="server" ControlToValidate="TxtNom" ErrorMessage="Veuillez entrer un nombre pair" ClientValidationFunction="EstPair_ClientValid"> </asp:customvalidator>

44 Contrôles serveur Validation des contrôles Et une méthode dans le code-behind pour la validation côté serveur : void EstPair_ServerValid(object source, ServerValidateEventArgs e) { e.isvalid = false; int temp; if (Int32.TryParse(e.Value, out temp)) { if (temp % 2 == 0) e.isvalid = true; } }

45 Contrôles serveur Validation des contrôles Code ASP pour utiliser le code-behind dans la validation côté serveur : <asp:textbox ID="TxtNom" runat="server" /> <asp:customvalidator ID="CustomValidator1" runat="server" ControlToValidate="TxtNom" ErrorMessage="Veuillez entrer un nombre pair" OnServerValidate="EstPair_ServerValid" /> Résultat :

46 Contrôles serveur Validation des contrôles ValidationSummary Permet de centraliser les messages d erreur à un endroit Le contrôle ValidationSummary affiche le message d erreur contenu dans la propriété «ErrorMessage» uniquement, tandis que le message affiché dans les contrôles de validation peut être renseigné dans la propriété «Text» Groupe de validation Permet de ne pas déclencher toutes les validations à chaque évènement Il suffit d ajouter un attribut ValidationGroup contenant le nom du groupe au contrôles de validation ainsi qu aux contrôles à valider

47 Contrôles serveur Pause réflexion sur la partie 2 Avez-vous des questions?

48 ASP.NET 2.0 Applications Web Framework de Page Structurer les pages web

49 Framework de page Plan de la partie Voici les chapitres que nous allons aborder : Les MasterPages Style, Skin, Themes

50 Framework de page Les MasterPages Beaucoup de parties graphiques reviennent sur un même site Si une partie change, il faudrait la modifier dans toutes les pages Nécessité de factoriser les éléments redondants

51 Framework de page Les MasterPages Une MasterPage c est : Un fichier ASP.NET particulier (.master) Un squelette de WebForm Exemple de MasterPage dans le Designer Visual Studio

52 Framework de page Les MasterPages Élément ContentPlaceHolder : Zone définissant la partie «personnalisable» par les Web Form utilisant la MasterPage <asp:contentplaceholder id="mycontentplaceholder" runat="server" />

53 Framework de page Les MasterPages Utiliser une MasterPage dans une Web Form Préciser dans la Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %> Éléments Content (autant que le nombre de ContentPlaceHolder de la MasterPage) <asp:content ID="MyContent" ContentPlaceHolderID="MyContentPlaceHolder" Runat="Server"> </asp:content>

54 Framework de page Les MasterPages Il est possible d intéragir avec les éléments d une MasterPage à partir d une webform l utilisant Il faut que l élément soit public Objet Master Méthode FindControl ((Label)Master.FindControl("LblAccessible")).Text = "Some text";

55 Framework de page Les MasterPages Démonstration

56 Framework de page Style, Skin, Thèmes Il est possible d utiliser les styles HTML Propriété CssClass Exemple : Fichier CSS.TextBoxes { border: 5px; } Code ASP.NET <asp:textbox ID="MyTextBox" runat="server" CssClass="TextBoxes" />

57 Framework de page Style, Skin, Thèmes Thème Ensemble de styles applicables à un ensemble de pages ASP.NET. Ils sont matérialisés par un répértoire.

58 Framework de page Style, Skin, Thèmes Un répertoire de Thème : Porte le nom du thème Contient des fichiers.skin et.css Est situé dans le répertoire /App_Theme Un fichier.skin contient des balises ASP.NET limitées à certaines propriétés Exemple : <asp:textbox height="200px" runat="server" /> <asp:label Font-Bold="true" />

59 Framework de page Style, Skin, Thèmes Configuration d un Thème pour une page ASP.NET Attribut Theme <%@ Page Language="C#" AutoEventWireup="true" CodeFile=Home.aspx.cs Inherits="Home" Theme="NomDuTheme" %>

60 Framework de Pages Pause réflexion sur la partie 3 Avez-vous des questions?

61 ASP.NET 2.0 Applications Web Fichiers de configuration Comprendre la configuration d applications web

62 Fichiers de configuration Plan de la partie Voici les chapitres que nous allons aborder : Généralités Structure du fichier Organisation des fichiers

63 Fichiers de configuration Généralités Fichier de configuration Factorise la configuration des différents éléments d un site Permettent entre autre de configurer : Le débugage La gestion du cache Les chaînes de connexion Ajouter des paramètres personnalisés

64 Fichiers de configuration Structure du fichier Exemple de fichier de configuration <?xml version="1.0" encoding="utf-8"?> <configuration> <appsettings/> <connectionstrings/> <system.web> <compilation debug="false" /> <authentication mode="windows" /> </system.web> </configuration> Section <system.web> obligatoire

65 Fichiers de configuration Structure du fichier Élément de configuration personnalisée <appsettings> <add key="captainage" value="42" /> </appsettings> Elément <add /> Key : nom de l attribut Value : valeur de l attribut Récupération de la valeur dans le code behind : ConfigurationManager.AppSettings["CaptainAge"];

66 Fichiers de configuration Organisation des fichiers Différents fichiers Répertoire du framework Machine.config Répertoire racine Web.Config Répertoire de l'application Web.Config Dans n'importe quel sous répertoire Web.Config

67 Fichiers de configuration Organisation des fichiers Machine Répertoire Racine Répertoire Application Sous répertoire

68 Fichiers de configuration Pause réflexion sur la partie 4 Avez-vous des questions?

69 ASP.NET 2.0 Applications Web Résumé du module Optimiser l affichage avec les MasterPage Créer une page web avec Visual Studio Configurer une application web Utilisation des contrôles serveur Validation des contrôles

70 ASP.NET 2.0 Applications Web Pour aller plus loin Si vous voulez approfondir vos connaissances : Publications Sites web Coach ASP.NET Pratique de.net 2 et C# 2 Patrick Smacchia Modules de cours - ASP.NET 2.0 avancé - Sécurité des applications web - Web Services ASP.NET 2.0 Webcasts Conférences

71 Félicitations Vous avez suivi avec succès le module de cours n 1 ASP.NET 2.0 Application Web

72 ASP.NET Applications Web Fin Pratiquez Consultez le cours ASP.NET Avancé