Développement RapideDéveloppement Rapided’Applications Webd’Applications Webavec .NETavec .NET

« Mon premier site »« Mon premier site »

Agenda « Mon premier site »Agenda « Mon premier site »

Présentation de MyFirstWebSite

Le designer de Visual Studio

Le modèle de programmation

Les composants Web

L’accès au base de données

L’authentification

L’upload de fichier

Appel d’un WebService

Démonstration 1Démonstration 1

Présentation de MyFirstWebSite

Le designer de Visual StudioLe designer de Visual Studio

Visual Studio c’est :Un éditeur wysiwyg Html / Windows Form

Environnement de développement

Web ASP.NET

Windows Forms

PocketPC / Smartphone

Environnement Exécution / Debug

Démonstration 2Démonstration 2

Présentation de Visual StudioÉditeur HTML

Éditeur de page Web en Wysiwyg

Éditeur de propriété sur objets Web

Une approche composantUne 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

ComposantsComposants

ASPXASPX .NET.NET

HtmlHtmlIEIE

HtmlHtmlOpéraOpéra

ServeurServeur ClientClient

Démonstration 3Démonstration 3

Première page ASPXComposant asp:button

Composant asp:textbox

Composant asp:calendar

Adaptation des composantsIE / Netscape / WAP

Le modèle de programmationLe modèle de programmation

Son rôle :

Simplifier le développement des applications WEB

Améliorer l’exécution des applications

Principe:

On applique le modèle de programmation Windows au monde du Web (Événement)

Démonstration 4Démonstration 4

Première application WebModèle Windows

Modèle Web

Compilation des applications Web !

Web FormsWeb FormsSéparation présentation/logiqueSé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.aspForm1.asp Form1.aspxForm1.aspx Form1.aspx.vbForm1.aspx.vb

<balises><balises> codecode

codecode

Fichiers distincts / séparation logiqueUn seul fichier

ASP / PHPASP / PHP ASP.NETASP.NET

<balises>codecode

codecode

<balises>

Form1.aspxForm1.aspx

StatiqueStatique

Statiq

ue

Statiq

ue

Découpage physique et Découpage physique et fonctionnel d’un site Web / Cachefonctionnel d’un site Web / Cache

StatiqueStatique

DynamiqueDynamique

Démonstration 5Démonstration 5

Création de Contrôle UtilisateurHeader / en-tête

Footer / pied de page

Détail de la démonstration 4Dé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 FormsWeb FormsComment ça marche !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 d’aider le contrôle de saisie des formulaires

RequiredFieldValidatorRangeValidatorCompareValidatorCustomValidatorRegularExpressionValidator

Utilisation du script client ou non suivant les possibilités du navigateur

Aucun code à fournir pour les utiliser

D’autres composants serveurD’autres composants serveurContrôles de validationContrôles de validation

Démonstration 7Démonstration 7

Formulaire d’enregistrementContrôle de validation

Accès aux donnéesAccè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 d’enregistrement provenant de la base

Connection (Connexion à la base)

DataAdapter (Requêteur Select / Insert / Update /

Delete)

DataSet (Conteneur d’enregistrement)

Un contrôle qui permet d’afficher un ou plusieurs élément d’un DataSet

Démonstration 8Démonstration 8

Enregistrer le nouvel utilisateur dans la base

Connexion

DataAdapter

Insert

Afficher les utilisateurs dans la page d’admin

Édition automatique de Grid

AuthentificationAuthentification

L’authentification est intégré à ASP.NET

ParamétrageWeb.Config

<authentication mode="Forms">

<forms name="Login" loginUrl="login.aspx" />

</authentication>

Pour s’authentifier utiliser l’objetFormsAuthentication

Création dans le context d’un objet user

Context.User.Identity.IsAuthenticated

Démonstration 9Démonstration 9

Mise en place de l’authentification

Web.config

Login.aspx (Déjà créé) Code de recherche dans le base

Login / Logout dans le Header

Questions / RéponsesQuestions / Réponses