Travaux pratiques

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
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.
6/7
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.