ASP.NET 2.0 Applications Web Travaux Pratiques Objectifs : Connaître le fonctionnement du langage ASP.NET Apprendre à développer des applications Web Développer des services We Version : 0.9 ID Booster : 697 Release Date : 05/09/2008 Page 1 / 2
Contenu 1. INTRODUCTION À ASP.NET 2.0... 3 1.1. PREMIÈRE APPLICATION WEB... 3 1.2. CYCLE DE VIE... 3 1.3. ASP.NET 2.0 CÔTÉ SERVEUR... 3 1.4. ASP.NET 2.0 CÔTÉ SERVEUR PARTIE 2... 3 2. CONTRÔLES SERVEUR... 4 2.1. POSTBACK... 4 2.2. VALIDATION DES CONTRÔLES... 4 3. FRAMEWORK DE PAGE... 5 3.1. UTILISATION D UNE MASTERPAGE... 5 3.2. APPLICATION DE THÈMES... 6 4. FICHIERS DE CONFIGURATION... 7 4.1. CONFIGURER UNE APPLICATION... 7 4.2. AJOUTER DES INFORMATIONS... 7 4.3. LES DIFFERENTS FICHIERS DE CONFIGURATION... 7
Cahier de TP ASP.NET 2.0 Applications Web 3 / 7 1. Introduction à ASP.NET 2.0 1.1. Première application Web A l aide de Visual Studio.NET, réaliser une application Web, contenant : - une TextBox - un Bouton - un Label - un LinkButton - un HyperLink Le texte du label doit être initialisé avec la chaine «Bonjour». Au clic sur le bouton, le label doit afficher bonjour concaténé avec le texte de la textbox. Lors de l événement Clic de votre LinkButton, faîtes en sorte que le Label que vous avez positionné affiche le texte : "Vous avez cliqué sur un LinkButton". Lors du clic sur l HyperLink, vous devez rediriger l utilisateur vers le site Web de votre choix. Réaliser une première version fonctionant avec IIS puis une autre sans IIS. 1.2. Cycle de vie Créer une application qui met en évidence les différents cycles de vie de l'application. Pour cela, vous afficherez dans une liste les évènements en dessous les uns des autres. 1.3. ASP.NET 2.0 Côté serveur A l aide des différents objets ASP.NET, créez un système d authentification qui comprendra : - Une page Login.aspx, qui contient : o Un champ Login o Un champ Password o Un bouton Cette page permet de connecter l utilisateur en vérifiant le couple Login/Password dans une liste prédéfinie et en redirigeant l utilisateur vers la page Etat.aspx si le couple est valide. - Une page Etat.aspx qui contient : o Un label affichant le nom de l utilisateur o Une liste affichant tous les utilisateurs o Un bouton «Se déconnecter» o Une zone qui affiche la date de la dernière connexion de l utilisateur (avec n importe quel login) s il c était déjà connecté précédemment (Pensez aux cookies!) 1.4. ASP.NET 2.0 Côté serveur Partie 2 Créer un formulaire demandant le nom, le prénom, le sexe, l'adresse de l'utilisateur. En utilisant l'objet Request, Afficher ces informations sur une autre page. Dans un premier temps, vous devrez utiliser GET puis POST.
Cahier de TP ASP.NET 2.0 Applications Web 4 / 7 2. Contrôles serveur 2.1. PostBack Créer une DropDownList. Remplissez-la avec les différents sites de SUPINFO. Lorsque l'utilisateur cliquera dessus, un label devra s'afficher avec comme texte : "Tu fais partie du site de.". 2.2. Validation des contrôles Créez un formulaire d inscription à un site web demandant : - Un nom et un prénom - Un login (obligatoire) - Un password (et sa vérification) - Une adresse e-mail (qui doit être valide) - L age de la personne souhaitant s inscrire - Si la personne travaille, est étudiante, ou au chômage Il faudra vérifier grâce à un contrôle CustomValidator le fait qu une personne ne peux être qu étudiante si sont age est inférieur à 16 ans. Faites une version coté serveur et une version coté client.
Cahier de TP ASP.NET 2.0 Applications Web 5 / 7 3. Framework de Page 3.1. Utilisation d une MasterPage Le but de ce Tp est de créer un site web simple. Ce site permettant d afficher une liste de produits multimédia contient 3 pages : - Une page Livres.aspx - Une page DVD.aspx - Une page Disques.aspx Chaque page contient des éléments qui seront commun à chaque page : - Un menu à gauche - Une entête (header) - Un pied de page Et une zone centrale de contenu. Attention : il ne vous est pas demandé de créer la partie base de données. Celle-ci sera traitée dans un module ultérieur. Voici un exemple de page à laquelle vous devriez arriver :
Cahier de TP ASP.NET 2.0 Applications Web 6 / 7 Vous devrez ensuite, modifier l'entête de la master page directement dans le ContentPlaceHolder. 3.2. Application de Thèmes Reprenez le TPs 2.1 et factorisez la définition des styles pour la page en créant un thème. Plus aucune information de mise en page ne devra être dans la masterpage ou dans les pages l utilisant. Créer un deuxième thème dans lequel vous créer un deuxième design différent du premier.
Cahier de TP ASP.NET 2.0 Applications Web 7 / 7 4. Fichiers de configuration 4.1. Configurer une application Configurez l application réalisée dans les TPs de la section 2 de façon à ne pas avoir à reconfigurer les MasterPage et les Themes pour chaque page. 4.2. Ajouter des informations Crez une page web qui affiche un message de bienvenue. Ce dernier devra être enregistré dans le fichier de configuration. Ajouter ensuite deux entiers dans le fichier de configuration et additionnezles dans votre page par défaut. 4.3. Les différents fichiers de configuration Reprenez le tp 4.2 puis créer, suppimer les différents de fichiers de configuration vus en cours, observez les résultats.