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
Top Related