Il Google Web Toolkit (GWT o) è un toolkit basato su Java è possibile utilizzare per costruire una vasta gamma di applicazioni web e siti web. GWT Designer è il componente che vi permetterà di progettare un sito web facilmente utilizzando strumenti di drag-and-drop ed è disponibile per il download dalla homepage di Google Code. Questo plug-in è compatibile con Eclipse, che è la base di codice e il quadro utilizzata per alimentare i componenti GWT.

istruzione

1 Avviare Eclipse. Fare clic su "File", "Nuovo" e "Progetto" dalla barra dei menu in alto. La procedura guidata nuovo progetto GWT Java apparirà, che è dove si immettere le impostazioni preliminari per il nuovo progetto di design.

2 Individuare 'WindowBuilder "e sinistro del mouse per espanderlo. Fai clic su" GWT Designer "e" modello "e selezionare" Progetto Java GWT. "Fare clic su" Avanti ".

3 Digitare un nome di progetto nel campo fornito e non modificare altre impostazioni. Fai clic su "Avanti".

4 Selezionare la casella di selezione "Crea GWT Module" e digitare un nome del modulo nel campo sottostante. Si può cambiare il nome del pacchetto se lo si desidera, ma è necessario iniziare con "com" e gli spazi devono essere sostituiti con punti decimali. Ad esempio, "com.my.test.package" è corretto; "Il mio pacchetto di test" non è.

5 Fai clic su "Fine". Fai clic su "Sì" se si riceve un "aperto associato prospettiva?" finestra pronta. Le schede di progetto verranno ora visualizzati all'interno della finestra principale di Eclipse. Fare clic sulla scheda Progettazione situato in basso a sinistra della scheda codice principale, accanto alla sorgente.

6 Aggiungere i componenti dalla tavolozza nella pagina vuota a destra sinistro del mouse e trascinando nella posizione desiderata. Sinistro del mouse una volta per rilasciare il componente nella pagina. I componenti possono essere ridimensionati utilizzando le maniglie o cancellati facendo clic destro e scegliendo "Delete".

7 Modificare componenti utilizzando la scheda Proprietà, o facendo clic destro loro di accedere al menu contestuale per aggiungere i gestori di eventi o comandi di base di animazione. Regolare il codice in qualsiasi momento facendo clic sulla scheda Origine. È possibile continuare a passare tra Source e modalità di progettazione.

8 Stile i componenti e widget facendo clic sul pulsante CSS che si trova direttamente sopra la finestra di progettazione della pagina. Selezionare ogni regola nella finestra in basso a sinistra e modificare i valori delle proprietà corrispondente nella finestra in alto a destra. Fai clic su "OK" quando hai finito.

9 Fare clic su "File" e "Salva" per salvare il progetto. Pulsante destro del mouse sul modulo nella scheda Package Explorer direttamente sotto il menu File e selezionare "Esegui come" e "GWT applicazione." Questo crea una configurazione di lancio e vi permetterà di testare l'applicazione dal computer.