什么是 Vaadin UI 以及如何在 UI 之间导航

What is Vaadin UI and how to navigate between UI's

第一个问题:我正在尝试使用 Vaadin 8.3.1 创建 Web 应用程序,但我很难理解 UI class 的概念。我正在阅读文档,但我仍然无法以某种方式理解它。我认为这只是当前显示的一个基本网页,但我不确定该定义。所以我的问题是 UI 到底是什么,我如何在 UI 之间导航,何时使用视图以及何时使用 UI?

第二个问题:我正在阅读有关视图之间导航的文档,但无法显示任何内容。在 UI 中,我们所要做的就是设置内容,仅此而已。但是 Views 呢?如何使用视图显示内容?

感谢您的帮助!

Vaadin 的基本概念是创建单页 Web 应用程序。 UI class 是动态网页的根,它有不断变化的内容,视图。所以典型的 Vaadin 应用程序不包含多个 UI,而是一个。 (可以有很多,不过我说的是typical

一个UI可以有很多观点。通常在 main UI 中设置根内容,这是一个主要布局,由视图的菜单和内容容器(布局)组成。当 Navigator 被设置时,它被赋予内容持有者,然后基于导航 Navigator 将把视图放置到内容区域。此处对此进行了详细描述:

https://vaadin.com/docs/v8/framework/advanced/advanced-navigator.html

显然您想将 Spring 与 Vaadin 集成,为此您需要 Vaadin Spring 附加组件。文档在这里:

https://vaadin.com/docs/v8/framework/advanced/advanced-spring.html

要充分利用文档,您需要示例应用程序,您可以检查并使用它。在Vaadin 网页上,有全栈功能演示应用程序,演示了使用Vaadin + Spring 制作的应用程序架构。

https://vaadin.com/start/v8-full-stack-spring