Intégrer GWT dans une page HTML

Version imprimable

14/09/2011, 15h56
hwoarang

Intégrer GWT dans une page HTML
Bonjour à tous,

Je débute en gwt et j'ai developpé un petit programme (quasiment hello world). Après passage du compilo, j'obtiens un fichier .js. J'ai essayé de recopier la page html demo du projet en ajoutant le fichier javascript mais ca ne marche pas. Avec firebug, j'ai vu que le code javascript est appelé mais ma page html reste desesperemment vide :( (alors que sous eclipse, ca marche)

J'ai créé un composant GwtTestComposite que j'insere dans la page :
Code:

1 2 GwtTestComposite c = new GwtTestComposite(); RootPanel.get("nameFieldContainer").add(c);
pourtant, en parcourant le fichier js obtenu, je ne trouve pas la référence à "nameFieldContainer" (qui est dans la page html) ??

Je précise que le code gwt ne fait aucun appel serveur (en tout cas, pas que je veuille).

Est ce que quelqu'un saurait comment utiliser gwt avec une simple page html? Ou a défaut, comment c'est sensé s'integrer dans la page ?

Merci
15/09/2011, 09h30
womannosky

Bonjour,

Ce que tu souhaites faire est possible. On peut juste avoir une partie d'une page HTML avec GWT.

As-tu bien insérer ta balise (un div par exemple) qui gère le module GWT dans ton HTML ?
Exemple :

Code:

<div id="monModuleGWT"></div>

C'est cette balise qui te permet de mapper ton module GWT avec ton HTML car après, tu fais un :

Code:

RootPanel.get("monModuleGWT").add(monPanelPrincipal);

Si tu n'as pas mis la première balise dans ton HTML, il est normal qu'il ne connaisse pas ton "nameFieldContainer".

Et sache que lorsque tu compiles ta partie GWT, il n'y a pas que le fichier xxx.nocache.js qui compte, il y a également tes images, tes css, ton fichier gérant les appels RPC et un fichier HTML généré par GWT.
15/09/2011, 11h24
hwoarang

Merci pour la réponse.

Citation:

Si tu n'as pas mis la première balise dans ton HTML, il est normal qu'il ne connaisse pas ton "nameFieldContainer".

Ca, j'avais vérifié quand meme ;)

Citation:

Et sache que lorsque tu compiles ta partie GWT, il n'y a pas que le fichier xxx.nocache.js qui compte, il y a également tes images, tes css, ton fichier gérant les appels RPC et un fichier HTML généré par GWT.

Effectivement, j'ai lancé la page html qui est dans mon projet et elle marche. Visiblement, il y a plein de fichiers temporaires qu'il faut embarquer pour faire marcher le bouzin (j'ai essayé de faire le ménage mais la plupart ont l'air necessaires). Sachant que j'utilise Eclipse, est ce qu'il n'y aurait pas un moyen de générer un code plus compact ?

Merci
15/09/2011, 11h34
womannosky

Citation:

Envoyé par hwoarang

Merci pour la réponse.
Ca, j'avais vérifié quand meme ;)

Je demande, on ne sait jamais ;).

Citation:

Envoyé par hwoarang

Effectivement, j'ai lancé la page html qui est dans mon projet et elle marche. Visiblement, il y a plein de fichiers temporaires qu'il faut embarquer pour faire marcher le bouzin (j'ai essayé de faire le ménage mais la plupart ont l'air necessaires). Sachant que j'utilise Eclipse, est ce qu'il n'y aurait pas un moyen de générer un code plus compact ?

Merci

Tu peux compilé ton module GWT de différentes manières. Le mode le plus "compact" est le mode "obfuscated" il me semble. Sous Eclipse, tu peux changer le mode de compilation en cliquant sur la "petite boîte à outils rouge" que tu devrais avoir dans la barre d'icônes. Et juste après, tu compiles ;).
15/09/2011, 11h58
hwoarang

Citation:

Envoyé par womannosky

JTu peux compilé ton module GWT de différentes manières. Le mode le plus "compact" est le mode "obfuscated" il me semble. Sous Eclipse, tu peux changer le mode de compilation en cliquant sur la "petite boîte à outils rouge" que tu devrais avoir dans la barre d'icônes. Et juste après, tu compiles ;).

Oui mais ca, ca ne change que la taille du fichier JS. Mais pour tous les fichiers html et image, il n'y a pas un moyen de compacter pour n'obtenir qu'un fichier html et toutes les images dans un meme repertoire?
19/09/2011, 10h41
hwoarang

Bon, pour ceux que ca interesserait, il faut copier le repertoire qui contient tous les fichiers html et js dans le projet. Ensuite, dans la page ou on veut inclure le composant, il faut creer un element qui aura le nom utilisé (dans l'exemple, "monModuleGWT") ainsi que le fichier javascript (en mettant la bonne adresse par rapport à ou on l'a copié) et les fichiers css. Ensuite, ca roule :)
13/08/2012, 13h30
nabil benasker

Citation:

Envoyé par womannosky

Bonjour,

Ce que tu souhaites faire est possible. On peut juste avoir une partie d'une page HTML avec GWT.

As-tu bien insérer ta balise (un div par exemple) qui gère le module GWT dans ton HTML ?
Exemple :

Code:

<div id="monModuleGWT"></div>

C'est cette balise qui te permet de mapper ton module GWT avec ton HTML car après, tu fais un :

Code:

RootPanel.get("monModuleGWT").add(monPanelPrincipal);

Si tu n'as pas mis la première balise dans ton HTML, il est normal qu'il ne connaisse pas ton "nameFieldContainer".

Et sache que lorsque tu compiles ta partie GWT, il n'y a pas que le fichier xxx.nocache.js qui compte, il y a également tes images, tes css, ton fichier gérant les appels RPC et un fichier HTML généré par GWT.
13/08/2012, 13h34
nabil benasker

entry point

svp je suis debutant en gwt je veux savoir excuter mon page html avec gwt
parce que si je excute mon projet gwt bien sur la page dedie malheureusement il affiche tous les composant du tous les pages dans une seule page
svp je suis bloqué tu peux m'aider merci d'avance