java - 将 HTML/CSS 设计的网站模板迁移到 google web 工具包？

Question

我正在开发一个网站，该网站正在使用现有的网页模板。网站的所有屏幕/表单均已设计为 HTML/CSS。具体来说，该模板是基于bootstrap的。

根据我上次研究 GWT 时的内存，您必须在 java 类中设计 UI。您可以更改 css 代码/类，但无法修改生成的 html 代码。

这对我来说是个问题，因为我正在寻找一种能够重用我已有的 html 和 css 代码的方法。使用 GWT 实现此目的的最佳方法是什么？本质上，我希望我的 GWT 站点看起来与现在使用纯 html/css 的站点完全相同。

Answer 1

这很简单。您可以保持页面原样。 根本不需要更改您的 HTML 或 CSS。

您需要做的就是在 HTML 中添加一点内容来加载 GWT(这是不可见的，不会影响任何其他内容)。 然后您需要做的就是为您希望 GWT 能够与之交互的任何元素提供 ID。 然后，在 Java 代码中，您可以替换这些元素或根据需要更改它们。

例如；

Element MyDiv = DOM.getElementById("left-content")

将在您的 html 中获取此 Div；

<Div ID="left-content">Content!</div>

然后您可以编辑该内容、应用或删除样式等。

您还可以使用 RootPanel， 如果您想向 Div 添加新内容；

Label testlabel = new Label("Test....");
RootPanel.get("left-content").add(testlabel);

或者只是在页面的某个位置添加一些内容( float )

Image testimage= new Image ("testimage.png");
RootPanel.get().add(testimage);

如果您也不想要它们，这些都不会影响页面上已有的内容。 同样，您可以添加和删除从现有 CSS 控制的现有样式。

换句话说；您可以让 GWT 生成 HTML 和样式，但您当然也没有这样做。