如何将Angular4与Vaadin框架集成

How to integrate Angular 4 with Vaadin framework

我想将 Angular 4 与 Vaadin 8 Java 应用程序一起使用,以便将大量 UI 逻辑推送到客户端,减少服务器往返,使在慢速网络连接期间可用的客户端功能,并利用这两个框架的最佳功能。我浏览了 Vaangular project mentioned on Vaadin and AngularJS - happy together 文章,但它无法满足我的要求,因为我使用 Angular 4.

我尝试了一些解决方法,例如编写 JS 包装器和在自定义布局中插入 Angular 代码,但这些努力都没有成功。我应该采取什么样的方法?我可以举个例子吗?

将 Angular、React 或任何其他客户端 framework/library 与 Vaadin 框架集成似乎不是一个好主意,因为 none 这些框架本来就是这样工作的。

在交流了有利于执行更多客户端逻辑和管理慢速网络连接的实际用例之后,Vaadin 团队回应非常积极地解释了他们对 Vaadin 10(即 Vaadin Flow)的计划,Vaadin 的新面貌提供了更多客户端工作的力量。

截至目前,Vaadin 团队已经发布了 Vaadin Flow 的开发者预览版。使用 Flow,传统的 Vaadin 开发人员可以轻松使用自定义客户端元素和逻辑。

Flow 提供以下与用户网络浏览器中的 DOM 交互的方法:

  • HTML-based templates that are bound to server-side Model data.
  • A server-side representation of the client-side DOM tree.
  • A type-safe Java RPC API for interacting with JavaScript in the browser.

These mechanisms are intended to be encapsulated into reusable components with a high-level Java API.

请查看这些重要资源以获取更多信息:

  1. Vaadin Flow - the next piece of Vaadin 10 is now in developer preview
  2. Vaadin Flow Official Documentation
  3. Vaadin Elements in Vaadin 10
  4. Vaadin Framework 8 roadmap 2017 and beyond