Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

[Mix09] Microsoft ASP.net 4 : Taking Ajax to the Next Level

Suite à la session des nouveautés de ASP.net 4 Webforms : [Mix09] Microsoft ASP.net 4 : What’s next ?, je me suis décidé à aller voir la session Microsoft ASP.net 4 : Taking Ajax to the Next Level, toujours par Stephen Walther

DSCF0773

Après un bref récapitulatif de l’historique des applications web, nous avons vu qu’il existait 3 façons de faire des applications web.

  • ASP.net Server side
    • Classic ASP.net avec les postback & co
  • ASP.net Server side Ajax
    • Utilisation des UpdatePanels
    • On garde le même fonctionnement, mais on rafraichit seulement une partie de la page.
    • Il s’agit en fait d’AJAH plutôt qu’Ajax : Asynchronous JavaScript and HTML
  • ASP.net Client side Ajax
    • Utilisation des services retournant du JSON et de JavaScript.
    • Utilisation des nouveautés de ASP.net 4 Ajax

DSCF0779

Le reste de la session présentait une application ASP.net utilisant les différentes façons de faire. L’application en question était composée d’un simple gridview filtré par une DropDownList.

Server Side ASP.net

  • Avantages
    • Sure : pas de problème de compatibilité JavaScript coté client
    • Puissant : utilisation de n’importe quel langage .net
    • Concept objet bien compris des développeurs
  • Inconvénients
    • Temps de réponse
    • Performance

Server Side ASP.net Ajax

  • Avantages
    • Les mêmes que ASP.net classique
    • plus interactifs qu’ASP.net classique
    • ne requiert aucun pré requis JavaScript
  • Inconvenients
    • Temps de réponse
    • Performance

Client Side ASP.net Ajax

Nous nous sommes principalement arrêtés sur cette façon de faire, Stephen nous a présenté quelques une des nouveautés de ASP.net Ajax 4.0.

Tout d’abord le principe général : le serveur envoie une fois le HTML au client, puis le client utilise le serveur pour mettre à jour la page, c’est le client qui est responsable de gérer le HTML.

DSCF0780

Tout d’abord nous avons vu comment créer un DataView, un DataView est un composant qui permet de répéter un template : un Repeater coté client. Cela nous a permis de voir le moteur de template ainsi que le fonctionnement du binding.

DSCF0784DSCF0785

A propos du binding, il y en a 3 sortes :

  • “one way – one time” : Le composant est bindé qu’une seule fois à la source de donnée, si la source de donnée change, le binding n’est pas actualisé
  • “one way – live ” : idem ci dessus, sauf que si la source de donnée change, le binding est actualisé
  • “two way – live” : idem ci dessus, sauf que si le composant change, la source de donnée est mise à jour.

DSCF0802 DSCF0804

Nous avons ensuite vu différentes façons d’accéder aux données : soit via un classique “Ajax Enable WCF service” disponible depuis .net 3.5 SP1, cela nécessite alors de coder toute la couche d’accès aux données, soit on utilise un DataContext. Lorsque l’on utilise un DataContext, la mis à jour des données envoie seulement les données modifiés vers le serveur. Il est également possible d’utiliser un AdoNetDataContext si l’on utilise ADO.net Data Services (aka Astoria).
Pour rappel ADO.net Data Services est un projet permettant de publier les données d’un context Linq to Entities via REST ou JSON.

DSCF0805DSCF0806

Nous avons enfin vu comment utiliser toutes ces fonctionnalités sans écrire une seule ligne de JavaScript grâce à une combinaison très astucieuses de namespace XML, d’attributs et de classes CSS. Il s’agit du mode déclaratif.

DSCF0795

Si l’on veut faire un dataview de façon déclarative, il faut faire un template normal, puis simplement rajouter l’attribut sys:attach=”dataview” au niveau de la balise du template. ASP.net Ajax 4 va automatiquement convertir cet élément en template.
Pour binder notre dataview a une source de donnée, il suffit de rajouter des attributs dataview:propname=”value” tout sera automatiquement géré.

DSCF0810 DSCF0799

Je ferais un post dédié expliquant en détail le mode de fonctionnement des contrôles déclaratifs. 

En conclusion, Stephen nous expliquait à quel point la partie cliente était importante dans une application web.

DSCF0812

J’ai vraiment apprécié cette session, j’ai entendu des choses plaisante comme "I love JavaScript" ou encore "it's a real simple language"

Si vous voulez en savoir plus sur ASP.net Ajax, je vous invite à consulter le projet codeplex ASP.net Ajax 4.0

 


Il y a beaucoup de choses à dire sur ASP.net Ajax 4, je vais bientôt revenir avec des posts plus techniques expliquant toutes ces nouveautés.

Des questions ? commentaires ? un besoin de précision ? n’hésitez pas à me contacter.

Posted: vendredi 20 mars 2009 05:15 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Pas de commentaires

Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01