RedHat Developer Studio

Red Hat a annonçait d’ici la fin 2007 la commercialisation de Red Hat Developer Studio, un environnement de développement Open Source intégrant des outils basés sur Eclipse et les solutions JBoss et Red Hat Enterprise. Il est le résultat du partenariat de Red Hat et d’Exadel annoncé en mars 2007.

Si la version finale ne sortira qu’a la fin de l’année, les versions ‘nightly builds’ sont d’ors et déjà accessibles ici:

http://download.jboss.org/jbosstools/builds/nightly/

 

Installation :

-Télécharger une des versions : ‘JBossTools-version-nightly-ALL-win32.zip’ depuis le lien ci-dessus. Attention à télécharger la version la plus récente contenant TOUS les plugins. A l’heure actuelle il s’agit de la version 200707210217 disponible ici :

http://download.jboss.org/jbosstools/builds/nightly/200707210217-nightly/

-Dézipper l’archive et copier, comme d’habitude, les fichiers dans les répertoires features et plugins d’eclipse.

-Démarrer votre Eclipse. Vous devriez avoir une suite d’écran vous remerciant d’utiliser RedHatDevelopperStudio et vous invitant à configurer votre server Jboss. Cette dernière étape peut évidemment être sautée si vous n’avez aucun serveur de ce type à configurer dans Eclipse.

 

Voila, RedHatDevelopperStudio est installé. Nous allons maintenant voir comment utiliser le ‘Red Hat HTML Editor’ pour développer nos facelets (ou jsp) avec une interface visuelle.

 

-Il suffit pour cela d’ouvrir un fichier .xhtml avec le ‘Red Hat HTML Editor’. Maintenant que le plugin est installé cela doit se faire automatiquement. Vous obtenez votre éditeur. Pour pouvoir travailler avec les templates (tout l’interet des facelets) et les images dans la visualisation, il faut que les chemins soient relatifs ou absolus. On ne peut pas avoir de visualisation avec des liens du type :

${facesContext.externalContext.request.contextPath}/

media/images/home.gif

Il faut par exemple des chemins du type :

../../media/images/home.gif ou ./media/images/home.gif

Vous pouvez, pour cela configurer les chemins en cliquant sur le bouton suivant (à gauche de la visualisation) :

 

Et en configurant ‘Actuel Run-time Absolute Folder’ et ‘Actuel Run-time Relative Folder’

Voici un exemple :

<img

src=“./media/images/CMonDossierWeb/info.gif” (relatif)

border=“0″ />

<img

src=“../../media/images/CMonDossierWeb/home.gif” (absolue)

border=“0″ />

<img

src=“${facesContext.externalContext.request.contextPath}/media/images/CMonDossierWeb/modify.gif”

border=“0″ />

 

Donne :

 

Avec les chemins suivants :

Pour finir sur un exemple, cette visualisation est le résultat de 3 templates imbriqués:

Remarque : A noter que j’ai testé ce plugin sous la version Europa d’Eclipse.