![Page 1: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/1.jpg)
Développement RapideDéveloppement Rapided’Applications Webd’Applications Webavec .NETavec .NET
« Mon premier site »« Mon premier site »
![Page 2: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/2.jpg)
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
![Page 3: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/3.jpg)
Démonstration 1Démonstration 1
Présentation de MyFirstWebSite
![Page 4: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/4.jpg)
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
![Page 5: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/5.jpg)
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
![Page 6: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/6.jpg)
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
![Page 7: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/7.jpg)
Démonstration 3Démonstration 3
Première page ASPXComposant asp:button
Composant asp:textbox
Composant asp:calendar
Adaptation des composantsIE / Netscape / WAP
![Page 8: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/8.jpg)
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)
![Page 9: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/9.jpg)
Démonstration 4Démonstration 4
Première application WebModèle Windows
Modèle Web
Compilation des applications Web !
![Page 10: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/10.jpg)
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
![Page 11: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/11.jpg)
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
![Page 12: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/12.jpg)
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)
![Page 13: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/13.jpg)
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
![Page 14: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/14.jpg)
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
![Page 15: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/15.jpg)
Démonstration 7Démonstration 7
Formulaire d’enregistrementContrôle de validation
![Page 16: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/16.jpg)
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
![Page 17: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/17.jpg)
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
![Page 18: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/18.jpg)
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
![Page 19: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/19.jpg)
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
![Page 20: Développement Rapide dApplications Web avec.NET « Mon premier site »](https://reader036.vdocuments.pub/reader036/viewer/2022062404/551d9da2497959293b8d2867/html5/thumbnails/20.jpg)
Questions / RéponsesQuestions / Réponses