将 Htmls 集成到 GWT答案

【问题标题】：Integrate Htmls into GWT将 Htmls 集成到 GWT
【发布时间】：2013-09-15 22:58:29
【问题描述】：

我们有一个 Web 应用程序，它的 UI 基于 GWT。我们对这项技术非常满意，但我们有一个主要问题：我们从设计器那里获取 html 文件，并且需要花费大量时间将它们集成到我们的 GWT 代码中。

有没有快速的方法或规则来做到这一点？

例如，我想获取 html，将其几乎“按原样”放在 ui.xml 文件中，然后开始将组件绑定到 UiBinder 字段。最快的方法是什么？我应该如何处理我得到的 CSS 和 JS 文件？

我需要一些指导来进行这种转换，所以它会快速而简单。

【问题讨论】：

标签： gwt uibinder gwt2

【解决方案1】：

我们有同样的问题。设计师可能很难习惯 GWT 小部件。但他将不得不忘记制作 HTML 概念验证和直接使用 GWT。

我们没有克服困难。因此，许多 GWT 功能没有得到充分利用（例如 CSSResources 或 GWT-Bootstrap 布局功能）。

我建议让他学习 GWT 小部件库的 xml。

您也可以从使用GWT Designer 开始。这样他仍然可以做设计，一点一点地学习 XML，您仍然可以进行组件接线。

当然，这是一个缓慢的过程。人们不会立即改变旧习惯。

【讨论】：

【解决方案2】：

Errai 似乎符合您的要求。

基本上是使用常规的 HTML5 模板，绑定到 GWT 逻辑。

“创建符合标准的 HTML5 模板或使用现有的 HTML 和 CSS 文件来设计您的 Web 和移动应用程序。”

http://errai.github.io/

以下是登录页面示例：

<!DOCTYPE html>
<link rel=stylesheet href="css/TodoList.css">
<div data-field="main">
  <h1>Get it done with Errai.</h1>
  <div class=form>
    <p class=error data-field=loginError>
      Login failed. Please check that your email address and password were entered correctly.
    </p>
    <input type=text data-field=username placeholder="Email">
    <input type=password data-field=password placeholder="Password">
    <button data-field=loginButton>Sign In</button>
    <p>New here? <a href="SignupPage.html" data-field="signupLink">Sign up in seconds!</a></p>
  </div>
</div>

source

(p.s. 我还没用过)

【讨论】：