Google

13 апр. 2009 г.

Настраиваем GXT в Eclipse 3.4 Ganymede

Необходимые компоненты:
1. Скачиваем и устанавливаем JDK 1.6 (я использовал 1.6.0_13. Для linux ипользование open-6-jdk нежелательно, т.к плагины эклипса с ним не устанавливаются).
2. Скачиваем Eclipse SDK 3.4 Ganymede (у меня была версия Eclipse SDK 3.4 Ganymede JEE для Windows).
3. Скачиваем GWT 1.6.4 (можно не скачивать отдельно, будет возможность установить с помощью Eclipse Update).
4. Скачиваем Ext-GWT/GXT 1.2.3

Устанавливаем JDK. Далее Распаковываем GXT, Eclipse и GWT (если скачали отдельно).
Запускаем эклипс и устанавливаем гугл плагин: Help -> Software Updates... -> Available Software. Жмем Add Site... и добавляем Location: http://dl.google.com/eclipse/plugin/3.4
После этого в списке появится Google Update Site for Eclipse 3.4
Устанавливаем галочки на Plugin и на Google App Engine Java SDK (а так же на Google Web Toolkit если не скачивали отдельно GWT 1.6.4). Нажимаем Install и ждем пока все это дело скачается и установится.
Если у Вас скачан Eclipse Classic 3.4.2 , то дополнительно необходимо еще скачать и установить Web Developer tool и Web Page Editor (Optional).

Далее создаем проект GWT: File -> New -> Web Application Project.
Если GWT у вас отдельно, то нажимаем напротив Google Web Toolkit линк на Configure SDKs. Добавляем путь к нашему GWT.

Подключаем GXT:
Правой на созданный проект -> Properties -> Java Build Path. Переходим в закладку Libraries и жмем Add External JARs. Находим вашу gxt.jar библиотеку и ОК.
Открываем gwt.xml файл вашего проекта (находится в главном пакете вашего приложения) и записываем в раздел !-- Other module inherits -- следующую строку: inherits name="'com.extjs.gxt.ui.GXT'"/
Теперь в папке war находим html файл вашего проекта и добавляем строку link

type="text/css" rel="stylesheet" href="Project Name/css/ext-all.css"
(Project Name заменяем на Ваш, строку записываем как тег в скобках <>).

Проект для запуска и разработки готов. Для проверки работоспособности добавьте в EntryPoint класс (у Вас уже он есть) следующие строки:

Window alert = new Window();
alert.setHeading("My GXT Window");
alert.add(new Text("Content"));
alert.show();


Запустите проект, у Вас отобразится GWT страничка дефолтного проекта и GXT Window.

0 comments:

Отправить комментарий

Social