Initiation à ASP.NET 4.0
Jean-Baptiste Vigneron
jbvigneron@epsi.fr
Louis Creteur
lcreteur@epsi.fr
EPSI Arras
Sommaire
• Rappels sur Microsoft .NET 4.0
• Historique de la technologie ASP
• Présentation de la technologie ASP.NET
• Démonstrations
• A vous de jouer !
Rappels sur Microsoft .NET 4.0
Un framework unifié
- Plateforme pour développer et exécuter des applications PC, Web, Mobile et Serveur.
- Gratuit et intégré à Windows
- Un modèle de programmation unifié
Historique
2002: .NET 1.0 / Visual Studio .NET 2003
2003: .NET 1.1
2006: .NET 2.0 / Visual Studio 2005
2007: .NET 3.0
2007: .NET 3.5 / Visual Studio 2008
2009: 4.0 / Visual Studio 2010
2012: 4.5 Beta / Visual Studio 11 Beta
Ce qu’il faut savoir sur .NET
Visual Studio Expression StudioOutils
Langages
Technos
VB.NETC# C++ F# XAML …
WP
F
WCFWindows Forms
XNAADO.NET Linq
ASP.NE
T
Silverlight
Cardspaces …
Compilation d’une application « managée »
Fichiers sources
Exécutable
Compilation en langage MSIL
Exécution
Compilation en langage binaire par la CLR*
Technologie ASP
• ASP: « Active Server Pages »
• Fonctionne sous IIS ou Apache (modifié)
• Utilisation de 2 langages: VBScript ou JScript
(interprétés)
• Le principe est le même que PHP: on mélange le code
HTML au code VBScript ou Jscript
Comparaison ASP et PHP
ASP
<%
truc = "Bienvenue"
response.write truc
dim montab(5,10)
for i = 1 to 5
montab(i,j) = i
next
%>
PHP
<?php
$truc = "Bienvenue";
echo $truc;
$montab = array();
for($i = 1; $i <= 5; $i++) {
$montab[$i] = $i;
}
?>
Conclusion sur ASP
• Le principe de développement d’ASP est identique à
PHP. On mélange le code serveur au code client
• Le VBScript ressemble au Visual Basic
• PHP est libre et gratuit, ce n’est pas forcément le cas
d’ASP…
Présentation ASP.NET 4.0
• Technologie Microsoft pour le développement et le
déploiement de sites Web
• Se base sur le framework .NET
• Aucun point commun entre ASP et ASP.NET
• Développement avec Visual Studio, Expression Web
• Déploiement sur serveur IIS
Composition d’une page ASP.NET
ASP.NET 4.0
.aspx
HTML
Balise ASP.NET (<asp:>)
Javascript
CSS
.aspx.cs
.aspx.vb
C# / VB.NET
.js
Javascript
.css
CSS
.cs / .vb
Classes C# / VB.NET
Démo
• Créer mon premier projet ASP.NET
• Lancer le projet
• Web.config
• Hiérarchie du site
Démo
• Balises ASP.NET
• Comment est généré le code ?
• Fonctionnement serveur
• Formulaires
• Master Pages
Démo
• Liaison à une bases de données avec Entity
Framework
• DataSource et DataBinding
• Utilisation de l’objet Repeater
• Utilisation des objets ListView et DataPager
Démo
ASP.NET AJAX
- Appeler une fonction sans recharger la page
- Objets ScriptManager et UpdatePanel
Publication sur site avec FTP
Balises équivalentes
Button
BulletedList
Checkbox / CheckboxList
Dropdownlist
FileUpload
HiddenField
HyperLink
Image
ImageButton
Label
ListBox
Panel
RadioButton / RadioButtonList
Textbox
Table
input type="button"
ul
input type="checkbox"
select
input type="file"
input type="hidden"
a
img
input type="image"
span
select multiple="multiple"
div
input type="radio"
input type="text" / "password"
textarea
table
ASP.NET HTML
runat="server"
A vous de jouer !
• Le principe est de créer une page Web
– Relier cette page à une base de données MySQL
contenant une table « Pays » et « Joueurs »
– Afficher les pays dans un DropDownList
– Afficher la liste des joueurs avec un Repeater selon le
pays sélectionné
– Générer cette ligne avec ASP.NET AJAX
Liens utiles
• Site MSDN pour ASP.NET
http://msdn.microsoft.com/fr-fr/asp.net/aa336522
• Coach MSDN pour ASP.NET
http://msdn.microsoft.com/fr-fr/asp.net/bb330941.aspx
• FAQ ASP.NET sur Developpez.com
http://dotnet.developpez.com/faq/asp/

Initiation à ASP.NET 4.0

  • 1.
    Initiation à ASP.NET4.0 Jean-Baptiste Vigneron jbvigneron@epsi.fr Louis Creteur lcreteur@epsi.fr EPSI Arras
  • 2.
    Sommaire • Rappels surMicrosoft .NET 4.0 • Historique de la technologie ASP • Présentation de la technologie ASP.NET • Démonstrations • A vous de jouer !
  • 3.
    Rappels sur Microsoft.NET 4.0 Un framework unifié - Plateforme pour développer et exécuter des applications PC, Web, Mobile et Serveur. - Gratuit et intégré à Windows - Un modèle de programmation unifié Historique 2002: .NET 1.0 / Visual Studio .NET 2003 2003: .NET 1.1 2006: .NET 2.0 / Visual Studio 2005 2007: .NET 3.0 2007: .NET 3.5 / Visual Studio 2008 2009: 4.0 / Visual Studio 2010 2012: 4.5 Beta / Visual Studio 11 Beta
  • 4.
    Ce qu’il fautsavoir sur .NET Visual Studio Expression StudioOutils Langages Technos VB.NETC# C++ F# XAML … WP F WCFWindows Forms XNAADO.NET Linq ASP.NE T Silverlight Cardspaces …
  • 5.
    Compilation d’une application« managée » Fichiers sources Exécutable Compilation en langage MSIL Exécution Compilation en langage binaire par la CLR*
  • 6.
    Technologie ASP • ASP:« Active Server Pages » • Fonctionne sous IIS ou Apache (modifié) • Utilisation de 2 langages: VBScript ou JScript (interprétés) • Le principe est le même que PHP: on mélange le code HTML au code VBScript ou Jscript
  • 7.
    Comparaison ASP etPHP ASP <% truc = "Bienvenue" response.write truc dim montab(5,10) for i = 1 to 5 montab(i,j) = i next %> PHP <?php $truc = "Bienvenue"; echo $truc; $montab = array(); for($i = 1; $i <= 5; $i++) { $montab[$i] = $i; } ?>
  • 8.
    Conclusion sur ASP •Le principe de développement d’ASP est identique à PHP. On mélange le code serveur au code client • Le VBScript ressemble au Visual Basic • PHP est libre et gratuit, ce n’est pas forcément le cas d’ASP…
  • 9.
    Présentation ASP.NET 4.0 •Technologie Microsoft pour le développement et le déploiement de sites Web • Se base sur le framework .NET • Aucun point commun entre ASP et ASP.NET • Développement avec Visual Studio, Expression Web • Déploiement sur serveur IIS
  • 10.
    Composition d’une pageASP.NET ASP.NET 4.0 .aspx HTML Balise ASP.NET (<asp:>) Javascript CSS .aspx.cs .aspx.vb C# / VB.NET .js Javascript .css CSS .cs / .vb Classes C# / VB.NET
  • 11.
    Démo • Créer monpremier projet ASP.NET • Lancer le projet • Web.config • Hiérarchie du site
  • 12.
    Démo • Balises ASP.NET •Comment est généré le code ? • Fonctionnement serveur • Formulaires • Master Pages
  • 13.
    Démo • Liaison àune bases de données avec Entity Framework • DataSource et DataBinding • Utilisation de l’objet Repeater • Utilisation des objets ListView et DataPager
  • 14.
    Démo ASP.NET AJAX - Appelerune fonction sans recharger la page - Objets ScriptManager et UpdatePanel Publication sur site avec FTP
  • 15.
    Balises équivalentes Button BulletedList Checkbox /CheckboxList Dropdownlist FileUpload HiddenField HyperLink Image ImageButton Label ListBox Panel RadioButton / RadioButtonList Textbox Table input type="button" ul input type="checkbox" select input type="file" input type="hidden" a img input type="image" span select multiple="multiple" div input type="radio" input type="text" / "password" textarea table ASP.NET HTML runat="server"
  • 16.
    A vous dejouer ! • Le principe est de créer une page Web – Relier cette page à une base de données MySQL contenant une table « Pays » et « Joueurs » – Afficher les pays dans un DropDownList – Afficher la liste des joueurs avec un Repeater selon le pays sélectionné – Générer cette ligne avec ASP.NET AJAX
  • 17.
    Liens utiles • SiteMSDN pour ASP.NET http://msdn.microsoft.com/fr-fr/asp.net/aa336522 • Coach MSDN pour ASP.NET http://msdn.microsoft.com/fr-fr/asp.net/bb330941.aspx • FAQ ASP.NET sur Developpez.com http://dotnet.developpez.com/faq/asp/