AJAX/RIA facile avec ZF et JQuery

2,210 views
2,059 views

Published on

Cette démonstration montre comment utiliser JQuery avec Zend Framework et proposer des interfaces dynamiques, ainsi que des mécanismes AJAX simples. Cette base permettra de disposer de tous les outils pour développer une interface applicative fluide et dynamique.

Composants principaux : ZendX_JQuery, Zend_View, Zend_Layout, Zend_Controller

1 Comment
0 Likes
Statistics
Notes
  • Ces slides correspondent au webinar : AJAX/RIA facile avec ZF et JQuery.

    Pour voir le webinar complet : http://bit.ly/nDks7Q (inscription nécessaire)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
2,210
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
35
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

AJAX/RIA facile avec ZF et JQuery

  1. 1. RIA / AJAXavec ZendX_JQueryFévrier 2011 - Zend Technologies
  2. 2. Introduction
  3. 3. IntroductionVotre présentateur • Guillaume Ponçon  Consultant PHP / Zend Framework  Auteur de "Best practices PHP5" et "Zend Framework" (Eyrolles)  Président de lAFUP 2007/2008  Initiateur de PHPTV (www.phptv.fr)  Intervenant Zend France depuis 2005  guillaume.poncon@openstates.com
  4. 4. IntroductionZend Technologies • Le leader des outils PHP / ZF  Zend Studio  Zend Server / Zend Server Cluster Manager  Zend Framework • Zend en France  http://www.zend.fr
  5. 5. IntroductionOpenStates • Expertise PHP / Zend Framework  Architectures techniques  Performances, scalabilité des projets critiques  Renforcement et actualisation des compétences  Développements spécialisés
  6. 6. JQuery et Zend Framework
  7. 7. JQuery et Zend FrameworkObjectifs de la présentation • Découvrir le composant ZendX_JQuery  Création dinterfaces riches  Création de liens AJAX simples  Utilisation de thèmes JQuery UI  Paramétrage courant de JQuery pour ZF • Prérequis  Bases de Zend Framework  Aucune connaissance nécessaire en JavaScript (ou presque)
  8. 8. Préparations
  9. 9. PréparationsCréation dune application ZF • Avec Zend_Tool zf create project . jquery jquery zf create controller news zf create action list news zf create action form news
  10. 10. PréparationsCréation dune application ZF • Nettoyages / mise en mode développement • Accès aux composants ZendX (extras/library) • Création dun projet Zend Studio
  11. 11. PréparationsParamétrage initial de ZendX_JQuery • Intégration des helpers JQuery • Intégration de JQuery au layout • Création dun layout
  12. 12. Utilisation de JQuery
  13. 13. Utilisation de JQueryUn lien AJAX simple • Préparation du terrain :  Une page daccueil news::index  Une page cible news::list  Implémentation de la page cible avec Zend_Feed  Désactivation du layout dans la page cible • Création de liens AJAX  Dans la page daccueil news::index  Élément <div> qui va contenir la cible  Cible du lien : news::list
  14. 14. Utilisation de JQueryParamétrage de JQuery UI • Pour quoi faire ?  Attacher un thème pour afficher les composants  Utiliser en local la bonne version de JQuery • Démarche  Télécharger un thème sur le site de JQuery UI  Paramétrer JQuery dans le bootstrap • Attacher le thème CSS à Jquery (et non à la vue) • Attacher les JS à Jquery (et non à la vue) • Définir le render mode de jquery correctement
  15. 15. Utilisation de JQueryOnglets JQuery • Principe des onglets :  Création des contenus (tabPanes)  Affichage du jeu donglets (TabContainer)  Exemple : affichage des news avec des onglets
  16. 16. Utilisation de JQueryDate Picker • Ajout du helper Date Picker • Paramétrage du format de la date • Paramétrage de la date par défaut • Ajout dun attribut "onchange" • Faire fonctionner un lien AJAX dans une page cible
  17. 17. JQuery et Zend FrameworkPour aller plus loin • Étude du paramétrage des helpers • Création de helpers (pour datagrid par exemple) • JavaScript évolué avec échanges JSON, XML • Utilisation de JQuery dans les formulaires • Création déléments de formulaires dynamiques
  18. 18. Merci !

×