Vaadin 12+中的Vaadin 8+组件?

时间:2019-01-02 19:31:32

标签: vaadin

我正在寻找在Vaadin中使用的尽可能有吸引力的“步进器”,我找到了以下链接:

https://vaadin.com/directory/component/material-design-stepper-add-on/links

但是,它似乎适用于Vaadin8。可以在Vaadin 12中使用(好吗?)? (我是Vaadin的新手)。如果没有,如果有人愿意,有没有“推荐”的方法 外观动人的步伐(坚固耐用/经过测试),只需最少的努力? (我认为答案将是使用类似https://www.npmjs.com/package/react-stepper-horizontal的东西并将其以某种方式与Vaadin集成?我还没有学会如何将Vaadin 12与非Vaadin组件集成,尽管我相信那是Vaadin所为。可以很容易地做到这一点,并且与使用Vaadin 8构建的单个社区成员相比,通常来说,预先存在的React组件可能得到更好的支持?)

3 个答案:

答案 0 :(得分:1)

为Vaadin 8或更高版本创建的组件无法轻易地与Vaadin 10或更高版本一起使用。

相反,我建议您寻找一个能完成上述任务的通用Web组件(https://vaadin.com/directory/search?framework=Polymer%202,然后根据https://vaadin.com/docs/v12/flow/web-components/integrating-a-web-component.html为它创建一个简单的Java集成。

您要链接的

react-stepper-horizontal不是通用的Web组件,因此它无法在React外部运行。

答案 1 :(得分:1)

GWT

用于在Vaadin 6、7和8中构建窗口小部件的基础技术是Google Web Toolkit (GWT)

Web组件

在对其核心技术进行的重大改写中,Vaadin Flow(Vaadin 10、11、12和更高版本)正在使用Web Components代替GWT来构建小部件。

兼容性

因此,不可以,不能直接在Vaadin Flow中使用为Vaadin 8构建的小部件。

但是…Vaadin Ltd公司确实销售兼容性层,该兼容性层允许Vaadin 8编程和窗口小部件在Vaadin Flow应用程序中运行。这就是他们的Multiplatform Runtime。这是针对那些希望将现有Web应用程序从旧体系结构逐步迁移到新体系结构的人们的。对于以Vaadin开头的人来说,可能不是最佳途径,但这是可能的。

只需使用Vaadin 8

Vaadin 8继续得到积极开发,并将在未来几年内得到支持。参见the company roadmap。在他们的博客中讨论过,例如this post。现在,Vaadin 8.7 is in beta随着它的发展不断发展。 Vaadin Ltd使用radid-release-train schedule,并计划于Vaadin 8季度发布。

Vaadin 8是一款久经考验的,久经考验的软件。将学习和开发工作重点放在Vaadin 8上是完全可行的,其中许多概念会延续到Vaadin Flow,例如Data Modelbinding technology

较新的Vaadin Flow does not yet have all the features of Vaadin 8(例如菜单栏小部件)及其尖端技术仍在不断发展。 Vaadin Ltd公司将他们的未来押注在Flow&Web Components上,但是Vaadin 8仍然是他们最完善,目前最可行的产品。而且,是的,该公司能够一次主动开发多个版本。他们在前进和维持6、7和8方面付出了多年的努力,并拥有可靠的记录。

因此,如果存在Vaadin 8对您的应用至关重要的小部件,请使用Vaadin 8。

只需使用Vaadin Flow

如果有对于Vaadin Flow构建的对于应用程序至关重要的小部件,或者您希望将其包装为Flow的基于Web组件的小部件,请使用Vaadin Flow。

是的,您可以在Vaadin Flow中使用Web组件小部件。反之亦然,您可以在其他环境(例如Polymer)中使用Vaadin组件。这就是Web组件技术的全部要点,以使组件可以在各种框架之间插入。有关此主题的一些文档和博客文章,请参见Vaadin Ltd网站。他们还出售培训和咨询服务,以帮助您实现这一目标。

比较

在比较Vaadin 8和Vaadin Flow方面提供了帮助,请参见V8 vs. V10 - two maintained Vaadin versions, which one to choose?撰写的博客文章Matti Tahvonen

答案 2 :(得分:0)

您提到的React组件,很抱歉告诉您它不能耦合。

此组件是使用Polymer 2.0+构建的,因此您应该可以将其与Vaadin 12+耦合。 https://vaadin.com/directory/component/collabornepaper-stepper/2.1.3/overview