0

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

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

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

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

4

2 回答 2

0

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

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

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

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

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

于 2013-09-12T08:42:36.690 回答
0

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>

资源

(ps我还没用过)

于 2013-10-28T21:21:40.340 回答