Question

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

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

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

我需要一些指导来进行此转换，因此它会快速而且容易。

Answer 1

我们遇到同样的问题。设计师可能很难习惯GWT小部件。但他必须忘记制作HTML概念证明并直接使用GWT。

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

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

您也可以使用GWT Designer开始。通过这种方式，他仍然可以进行设计，逐步学习XML，并且仍然可以对组件进行布线。

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

Answer 2

Errai似乎符合您的要求。

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

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

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。我从未使用它，但是）

将Htmls集成到GWT中

2 个答案: