TP ASP.NET première partie (les web forms) Préambule : Création d

TP ASP.NET première partie (les web forms)
Préambule :
Création d'un répertoire virtuel IIS pour les besoins du TP :
 Allez dans Panneau de configuration/Outils d'administration/Services Internet
 Dépliez l'arborescence pour vous placer sur "Site Web par défaut" ; cliquez sur bouton
droit / parcourir pour vérifier qu'IIS fonctionne correctement.
 Puis bouton droit / Nouveau répertoire virtuel ; entrez "TPNET" comme alias, et sur
l'écran de sélection du répertoire, créez un nouveau répertoire de travail à
l'emplacement de votre choix.
Sur l'écran suivant, ajoutez l'autorisation "Exécuter CGI & ISAPI"
Tous les fichiers du TP devront être placés dans le répertoire de travail pour être testé
sur le serveur IIS.
Tous les fichiers d'exemples sont en VB, vous aurez à les réécrire en C# avant de les
tester dans votre répertoire de travail.
Première wef forms : Demo1.aspx à ouvrir avec l'éditeur de texte
Simple test de document HTML
Pour le tester : http://localhost/TPNET/Demo1.aspx
Test du code "spaghetti" : Demo2.aspx à ouvrir avec l'éditeur de texte
On peut écrire du code en ASP.NET comme en ASP ou en PHP, mais ce n'est pas l'objectif
Test d'un formulaire "à l'ancienne" : Demo3.aspx avec Visual Studio 2005
Testez dans les morceaux de code C# la complétion avec la combinaison de touches
Ctrl+Espace
Contrôles serveurs ASP.NET : Control.aspx
Les éléments classiques HTML sont remplacés par des balises calculées côté serveur.
Comparez le code source du fichier aspx au code source généré à l'exécution ; notez la
transformation du contrôle asp:dropdownlist ainsi que les champs cachés qui permettent de
gérer automatiquement l'état de la page.
Gestion des évènements : evenement.aspx
On peut écrire dans un fichier aspx des bouts de code qui seront exécutés côté serveur à
l'intérieur de balises Script ; ce qui améliore nettement la lecture d'un fichier source.
Comparez au fichier Demo3.aspx et son code "spaghetti" et remarquez la différence de
gestion des pages dynamiques grâce à la notion d'évènements.
Validation de formulaires : validator.aspx
Ces contrôles ASP.NET génèrent automatiquement le code (coté client en javascript ou coté
serveur selon les navigateurs web) nécessaires à la validation des entrées de formulaires.
Code Behind : intro13.aspx & intro13.vb
Permet de séparer complètement la partie design de la partie code pour une page web.
A noter la première ligne du fichier aspx qui permet de faire le lien avec la page de code
Affichage de données : depuis Visual Studio 2005
Creation d’un projet c# de type Site web / Application web nommé « TPWEB ».
Création d'une BD TPWEB depuis le module « server explorer »
Création d'une table voiture dans la BD TPWEB avec une clé primaire et quelques colonnes.
Ajout manuel de quelques lignes dans votre table.
Modification des fichiers data1.aspx, data2.aspx , data3.aspx afin d’afficher vos données.
Essayer de créer une page web affichant vos données (avec la possibilité de les éditer pour
mettre à jour la table « voiture ») à l’aide des différents éléments du module « toolbox » sans
écrire la moindre ligne de code.