[gwt]Conseil pour créer des pages dynamique
Bonjour,
Pour apprendre à utiliser GWT, je suis en train de réaliser un site personnel qui me présentera (pour les entreprises).
C'est une site assez simple. En gros, il y aura une bannière en haut avec mon nom.
Il y aura un menu à gauche avec des éléments comme par exemple "compétences", "expériences professionnelles", etc.
La page à droite s'ajustera en fonction des cliques sur le menu.
Pour le moment, j'ai mis un DockPanel dans le RootPanel de mon application. Ensuite, j'ai mis un MenuBar dans la partie gauche de mon DockPanel. Au centre, j'ai un HTML.
Ensuite, dans mon MenuBar j'ajoute un certain nombre d'item, avec des Command.
C'est là que je bloque. Dans chaque commande que je mettrai pour chaque item, j'ai pas trouvé de meilleur idée que de mettre ça :
html.setHTML("le code en plusieurs ligne de la bonne page, avec plusieurs balise titre h1, h2 etc.")
ça à l'air de marcher, mais je me demande si c'est vraiment dans la philosophie de GWT de faire ça ?
Pour ceux qui veulent voir à quoi ressemble mon début d'application ou je suis plutôt en train de tester :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| package com.google.gwt.project.sitepersonnel.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.DockPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.MenuBar;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.Command;
import com.google.gwt.user.client.Window;
/**
* Entry point classes define <code>onModuleLoad()</code>.
*/
public class sitePersonnel implements EntryPoint {
/**
* The message displayed to the user when the server cannot be reached or
* returns an error.
*/
private static final String SERVER_ERROR = "An error occurred while "
+ "attempting to contact the server. Please check your network "
+ "connection and try again.";
private DockPanel dockPanel = new DockPanel();
//private VerticalPanel menuVerticalPanel = new VerticalPanel();
private MenuBar menuLeft = new MenuBar(true); //TODO menuLeft.addStyleName("nameToFind");
private HTML homeText = new HTML("un petit test d'un contenu de page web");
/**
* This is the entry point method.
*/
public void onModuleLoad() {
Command cmd = new Command(){
public void execute(){
homeText.setHTML("contenu de la page change");
Window.alert("You selected a menu item!");
}
};
dockPanel.add(homeText, DockPanel.CENTER);
//dockPanel.add(homeText2, DockPanel.CENTER);
menuLeft.addItem("item1", cmd);
menuLeft.addItem("item2", cmd);
//dockPanel.addWest(menuLeft);
dockPanel.add(menuLeft, DockPanel.WEST);
RootPanel.get().add(dockPanel);
}
} |
Merci d'avance
