Développement Rapide dApplications Web avec.NET « Mon premier site »

Agenda « Mon premier site » Présentation de MyFirstWebSite Le designer de Visual Studio Le modèle de programmation Les composants Web Laccès au base de données Lauthentification Lupload de fichier Appel dun WebService

Démonstration 1 Présentation de MyFirstWebSite

Le designer de Visual Studio Visual Studio cest : Un éditeur wysiwyg Html / Windows Form Environnement de développement Web ASP.NET Windows Forms PocketPC / Smartphone Environnement Exécution / Debug

Démonstration 2 Présentation de Visual Studio Éditeur HTML Éditeur de page Web en Wysiwyg Éditeur de propriété sur objets Web

Une approche composant ASP.NET est basé sur un modèle composant coté serveur repose sur le Framework.NET (coté serveur) prend en compte les différentes capacités des navigateurs (support JavaScript, DHTML, …) Ne nécessite rien de particulier sur le client ComposantsASPX.NET HtmlIE HtmlOpéra Serveur Client

Démonstration 3 Première page ASPX Composant asp:button Composant asp:textbox Composant asp:calendar Adaptation des composants IE / Netscape / WAP

Le modèle de programmation Son rôle : Simplifier le développement des applications WEB Améliorer lexécution des applications Principe: On applique le modèle de programmation Windows au monde du Web (Événement)

Démonstration 4 Première application Web Modèle Windows Modèle Web Compilation des applications Web !

Web Forms Séparation présentation/logique Les pages ASP.NET sont compilées Le contenu et le traitement sont séparés Les développeurs et les graphistes peuvent, en standard, travailler indépendamment Form1.asp Form1.aspx Form1.aspx.vb code code Fichiers distincts / séparation logique Un seul fichier ASP / PHP ASP.NET code code Form1.aspx

Statique Statique Découpage physique et fonctionnel dun site Web / Cache Statique Dynamique

Démonstration 5 Création de Contrôle Utilisateur Header / en-tête Footer / pied de page Détail de la démonstration 4 Découverte de Code Behind Correspondance Composant / Variable Composant Riche [TreeView Menu] [AdRotator] (Design / Propriété / Événement) Intellisense sur les composants dans Visual Studio Debug Découverte du ViewState (ListBox)

Web Forms Comment ça marche ! Aucun état sur le serveur : données émises/renvoyées dans le formulaire champ caché Mécanisme de PostBack sur la même page Control générant un postback : Boutons, case à cocher, radio bouton… Test IsPostBack() dans le source

Certain contrôles permettent daider le contrôle de saisie des formulaires RequiredFieldValidator RangeValidator CompareValidator CustomValidator RegularExpressionValidator Utilisation du script client ou non suivant les possibilités du navigateur Aucun code à fournir pour les utiliser Dautres composants serveur Contrôles de validation

Démonstration 7 Formulaire denregistrement Contrôle de validation

Accès aux données ASP.NET utilise le connecteur ADO.NET pour se connecter aux données (SQL Server / Oracle / MySql / XML ….) 4 éléments sont nécessaires pour récupérer un ensemble denregistrement provenant de la base Connection (Connexion à la base) DataAdapter (Requêteur Select / Insert / Update / Delete ) DataSet (Conteneur denregistrement) Un contrôle qui permet dafficher un ou plusieurs élément dun DataSet

Démonstration 8 Enregistrer le nouvel utilisateur dans la base Connexion DataAdapter Insert Afficher les utilisateurs dans la page dadmin Édition automatique de Grid

Authentification Lauthentification est intégré à ASP.NET Paramétrage Web.Config Pour sauthentifier utiliser lobjet FormsAuthentication Création dans le context dun objet user Context.User.Identity.IsAuthenticated

Démonstration 9 Mise en place de lauthentification Web.config Login.aspx (Déjà créé) Code de recherche dans le base Login / Logout dans le Header

Questions / Réponses

Session serveur Avec ou sans Cookie Sauvegarde détat coté serveur Session["MyData"] = "Valeur"; Récupération de la valeur String s; s = Session["MyData"] ;