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

Présentation au sujet: "Développement Rapide dApplications Web avec.NET « Mon premier site »"— Transcription de la présentation:

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

2 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

3 Démonstration 1 Présentation de MyFirstWebSite

4 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

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

6 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

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

8 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)

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

10 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

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

12 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)

13 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

14 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

15 Démonstration 7 Formulaire denregistrement Contrôle de validation

16 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

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

18 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

19 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

20 Questions / Réponses

21 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"] ;