2008-10-01 12 views
4

Quelle architecture/boîte à outils Ajax pouvez-vous recommander pour créer l'interface graphique des applications Web qui utilisent des entretoises?AJAX-Framework

Répondre

0

Struts est déjà livré avec Dojo cadre. Vous pouvez définir votre thème d'application à ajax et vous pourrez l'utiliser.

Jetez un oeil à la propriété struts.ui.theme au fichier struts.properties!

Un bon article pour vous de lire est this one at JavaWorld

+0

Attention au dojo. Ses benchmarks montrent que c'est le moteur de rendu le plus lent de toutes les librairies javascript populaires. – Kieveli

0

je partirais avec ExtJS (http://extjs.com/). Il a un très bon composant et un modèle d'événement et un très bon support. C'est AJAX à son meilleur;)

Vous pouvez utiliser des actions avec une réponse JSON pour fournir des données au frontal Ext. Vous n'avez même pas besoin de mixer votre interface client avec le serveur (via JSPX/tags).

Certains voient le fait que vous devez développer le frontend client séparé de l'interface serveur comme un inconvénient de Ext. Je pense que ce n'est pas le cas, car j'ai changé les applications web construites avec Ext depuis un backend java vers un backend .Net sans changer une ligne de code client, que ce soit du HTML ou du Javascript. Jetez un coup d'œil aux exemples Ext et docs avant de prendre votre décision.

1

Je dirais que votre choix de bibliothèque AJAX/javascript devrait dépendre moins de la façon dont votre backend est implémenté et plus de ce que votre interface utilisateur va être.

Si votre site est principalement constitué de pages Web statiques avec du AJAX, il est préférable d'utiliser un framework javascript plus léger tel que jquery. Mais si vous créez une interface utilisateur plus comme une application Web, où l'utilisateur reste sur une seule page pendant longtemps (pensez à Gmail, Google Agenda, etc), il est probablement préférable de regarder Dojo, ExtJs ou GWT.

0

Il a déjà été mentionné, mais je le répète: jQuery. La force de jQuery n'est pas seulement la capacité de faire un simple appel AJAX ou la grande bibliothèque d'extension de l'interface utilisateur. À mon humble avis, la meilleure partie de jQuery est comment vous pouvez facilement gérer les données de retour. jQuery vous permet facilement de naviguer au format XML, tout comme vous pouvez le faire en HTML.

Par exemple, supposons que vous rentrerez une demande xml:

(: Emprunté ce document XML à partir d'un fichier de formation MarkLogic :)

<author name="Boynton"> 
    <book> 
    <title>Barnyard Dance!</title> 
    <year>1993</year> 
    </book> 
    <book> 
    <title>Hippos Go Berserk!</title> 
    <year>1996</year> 
    </book> 
</author> 

jQuery peut récupérer tous les éléments de l'année avec cette commande simple :

var years = $("year"); 

//Ok, lets act on each element instead 

$("year").each(function(index, value){ 
    alert("Element " + index + " = " + value); 
}); 

/* OUTPUT 
    Element 0 = 1993 
    Element 1 = 1996 
/* 

Essayez de le faire en Javascript normal!

De plus, la conception de jQuery est tout simplement magnifique. Les fondateurs encouragent l'extension du framework en ajoutant la possibilité de créer des extensions au cœur de la bibliothèque (bien sûr, vous pouvez toujours modifier le fichier Javascript, mais que se passe-t-il en cas de mise à jour critique du framework).

Une autre bonne raison d'utiliser jQuery est sa compatibilité avec d'autres frameworks Javascript. Par défaut, Prototype et jQuery utilisent le signe "$" pour faire référence à l'objet de la bibliothèque principale. Seul jQuery ajoute la fonctionnalité pour supprimer cette référence afin qu'elle puisse coexister avec Prototype.

jQuery rend JavaScript agréable.