Обновление: я собираюсь добавить награду к этому вопросу. Я добавил исходный код всего проекта на GitHub здесь:
https://github.com/doctrang/gwt-activities-places-mvp-example
Я решил переименовать свой SimpleModule
в WebModule
; Итак, в то время как во всех моих фрагментах кода ниже модуль GWT называется SimpleModule
или simplemodule
, в моем последнем коде вы увидите модуль с именами WebModule
и webmodule
соответственно, но они равны 1!
Примечание. Я понимаю, что здесь могут быть не все настроено идеально, и может быть какой-то мертвый код (SimpleModule.css
и т. д.), который вообще не используется, но это мое самое первое приложение GWT. и я просто хочу получить вещь и работает!
Я экспериментирую со своим первым приложением GWT (2.5.1) и пытаюсь получить очень простой пользовательский интерфейс для отображения с использованием рекомендуемой среды Places & Activity (для управления историей), а также с использованием базовой архитектуры MVP.
Для простоты я поместил весь код Java в свою SimpleModule.java
(точку входа). Как только я заставлю это доказательство концепции работать, я разобью SimpleModule.java
на другие классы.
Моя цель — загрузить приложение GWT, когда пользователь переходит на мою домашнюю страницу (me.example.com). Из-за этого я создаю SimpleModule implements EntryPoint
, а затем переименовываю хост-страницу с SimpleModule.html
на index.html
(чтобы, когда пользователи переходят на me.example.com или me.example.com/index.html, они вытаскивали SimpleModule
).
Структура каталогов моей WAR:
war/
hosts/
simplemodule/
SimpleModule.css
WEB-INF/
classes/
lib/
deploy/
web.xml
simplemodule/
css/
font/
gwt/
img/
js/
prettify/
clear.cache.gif
hosted.html
simplemodule.nocache.js
img/
mylogo.jpg
index.html
И index.html
:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript" src="simplemodule/simplemodule.nocache.js"></script>
</head>
<body>
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<noscript>
<div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Your web browser must have JavaScript enabled in order for this application to display correctly.
</div>
</noscript>
</body>
</html>
И web.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5" xmlns="http://java.sun.com/xml/ns/javaee">
<servlet>
<servlet-name>greetServlet</servlet-name>
<servlet-class>com.myapp.server.GreetingServiceImpl</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>greetServlet</servlet-name>
<url-pattern>/simplemodule/greet</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>remoteLogging</servlet-name>
<servlet-class>com.google.gwt.logging.server.RemoteLoggingServiceImpl</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>remoteLogging</servlet-name>
<url-pattern>/simplemodule/remote_logging</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>
И SimpleModule.java
:
public class SimpleModule implements EntryPoint {
private EventBus eventBus = new SimpleEventBus();
private PlaceController placeController = new PlaceController(eventBus);
private PlaceHistoryMapper placeHistoryMapper;
private PlaceHistoryHandler placeHistoryHandler;
private Place defaultPlace;
private ActivityMapper activityMapper;
private ActivityManager activityManager;
private LoginDisplay loginDisplay = new LoginDisplay();
@Override
public void onModuleLoad() {
bootstrap();
RootPanel.get().add(loginDisplay);
activityManager.setDisplay(loginDisplay);
placeHistoryHandler.register(placeController, eventBus, defaultPlace);
placeHistoryHandler.handleCurrentHistory();
}
private void bootstrap() {
placeHistoryMapper = new PlaceHistoryMapper() {
@Override
public String getToken(Place arg0) {
return "home";
}
@Override
public Place getPlace(String arg0) {
return defaultPlace;
}
};
placeHistoryHandler = new PlaceHistoryHandler(placeHistoryMapper);
defaultPlace = new Place() {};
activityMapper = new ActivityMapper() {
@Override
public Activity getActivity(Place arg0) {
return new LoginActivity();
}
};
activityManager = new ActivityManager(activityMapper, eventBus);
}
public class LoginDisplay extends SimplePanel {
private LoginDisplayUiBinder uiBinder = GWT
.create(LoginDisplayUiBinder.class);
public LoginDisplay() {
super();
uiBinder.createAndBindUi(this);
}
}
public interface LoginDisplayUiBinder extends UiBinder<Widget, LoginDisplay> {
// ???
}
public class LoginActivity extends AbstractActivity {
@Override
public void start(AcceptsOneWidget panel,
com.google.gwt.event.shared.EventBus eventBus) {
panel.setWidget(loginDisplay);
}
}
}
И LoginDisplay.ui.xml
:
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
<g:HTMLPanel>
<img src="img/mylogo.jpg" />
<hr/>
<form action="doStuff" method="post" class="form-horizontal"
id="someForm" accept-charset="utf-8">
<div class="control-group">
<label for="username" class="control-label">
Username:
</label>
<div class="controls">
<input name="username" type="text" value="" id="username"/>
</div>
</div>
<div class="control-group">
<label for="password" class="control-label">
Password:
</label>
<div class="controls">
<input name="password" type="password" value="" id="password"/>
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="button" class="btn-danger" value="Login"/>
</div>
</div>
</form>
</g:HTMLPanel>
</ui:UiBinder>
Обновление: и SimpleModule.gwt.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN"
"http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
<module rename-to='simplemodule'>
<inherits name='com.google.gwt.user.User'/>
<!-- Configure logging. -->
<inherits name="com.google.gwt.logging.Logging"/>
<set-property name="gwt.logging.logLevel" value="FINEST"/>
<set-property name="gwt.logging.enabled" value="TRUE"/>
<set-property name="gwt.logging.consoleHandler" value="ENABLED"/>
<set-property name="gwt.logging.developmentModeHandler" value="DISABLED" />
<set-property name="gwt.logging.popupHandler" value="DISABLED" />
<set-property name="gwt.logging.systemHandler" value="DISABLED" />
<set-property name="gwt.logging.firebugHandler" value="DISABLED" />
<set-property name="gwt.logging.simpleRemoteHandler" value="DISABLED" />
<!-- GWT-Bootstrap. -->
<inherits name ="com.github.gwtbootstrap.Bootstrap"/>
<inherits name='com.google.gwt.user.theme.clean.Clean'/>
<entry-point class='com.myapp.client.SimpleModule'/>
<source path='client'/>
<source path='shared'/>
</module>
Источник веб-страницы после запуска сервера:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript" src="simplemodule/simplemodule.nocache.js"></script>
</head>
<body height="100%" width="100%">
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<noscript>
<div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Your web browser must have JavaScript enabled in order for this application to display correctly.
</div>
</noscript>
</body>
</html>
Когда я запускаю это в режиме разработки (цель Ant, которая вызывает Java на com.google.gwt.dev.DevMode
), я получаю запуск инструмента DevMode без ошибок. Когда я выбираю "Запустить приложение", я получаю пустую веб-страницу. Когда я открываю Firebug и ищу ошибки, я не вижу никаких.
Что не так с моей настройкой??? Почему я не вижу простого логотипа с полями для входа под ним? Заранее спасибо!
Изменить: мое последнее обновление. Я последовал предложениям @Raphael (унаследовав модули Place и Activity и добавив аннотацию @UITemplate
к LoginDisplayUiBinder
), я получил метку «Привет, GWT!» печатаю в браузер!!! Затем я изменил свой метод onModuleLoader()
, чтобы он выглядел так:
@Override
public void onModuleLoad() {
bootstrap();
// RootPanel.get().add(new Label("Hello, GWT!"));
RootPanel.get().add(loginDisplay);
activityManager.setDisplay(loginDisplay);
// Connect the PlaceController to the EventBus, and set the
// defaultPlace as our first place in history.
placeHistoryHandler.register(placeController, eventBus, defaultPlace);
placeHistoryHandler.handleCurrentHistory();
}
И теперь я получаю следующее исключение:
onModuleLoad() threw an exception
Exception while loading module com.dummylandapp.client.WebModule. See Development Mode for details.
java.lang.reflect.InvocationTargetException
at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
at java.lang.reflect.Method.invoke(Method.java:616)
at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:406)
at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200)
at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:526)
at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:364)
at java.lang.Thread.run(Thread.java:679) Caused by: com.google.web.bindery.event.shared.UmbrellaException: Exception caught: Exception caught: (HierarchyRequestError) @com.google.gwt.dom.client.Node::appendChild(Lcom/google/gwt/dom/client/Node;)([JavaScript object(15)]): Node cannot be inserted
at the specified point in the hierarchy
at com.google.web.bindery.event.shared.SimpleEventBus.doFire(SimpleEventBus.java:203)
at com.google.web.bindery.event.shared.SimpleEventBus.fireEvent(SimpleEventBus.java:88)
at com.google.gwt.place.shared.PlaceController.goTo(PlaceController.java:156)
at com.google.gwt.place.shared.PlaceHistoryHandler.handleHistoryToken(PlaceHistoryHandler.java:192)
at com.google.gwt.place.shared.PlaceHistoryHandler.handleCurrentHistory(PlaceHistoryHandler.java:118)
at com.dummylandapp.client.WebModule.onModuleLoad(WebModule.java:66) ... 9 more Caused by: com.google.gwt.event.shared.UmbrellaException: Exception caught: (HierarchyRequestError) @com.google.gwt.dom.client.Node::appendChild(Lcom/google/gwt/dom/client/Node;)([JavaScript object(15)]): Node cannot be inserted
at the specified point in the hierarchy
at com.google.gwt.activity.shared.ActivityManager.onPlaceChange(ActivityManager.java:168)
at com.google.gwt.place.shared.PlaceChangeEvent.dispatch(PlaceChangeEvent.java:70)
at com.google.gwt.place.shared.PlaceChangeEvent.dispatch(PlaceChangeEvent.java:1)
at com.google.gwt.event.shared.GwtEvent.dispatch(GwtEvent.java:1)
at com.google.web.bindery.event.shared.EventBus.dispatchEvent(EventBus.java:40)
at com.google.web.bindery.event.shared.SimpleEventBus.doFire(SimpleEventBus.java:193) ... 14 more