问题标签 [vaadin-flow]

我是 Java 开发人员，我将开始新项目。我的客户端开发技能非常有限，这就是为什么我真的很喜欢 Vaadin 框架的想法。我已经评估了 Vaadin 10 Bakery App Starter 应用程序https://vaadin.com/start#vaadin10并且对为了使该应用程序启动和运行而编写的大量自定义 HTML/CSS/JavaScript 感到非常惊讶。现在我真的很困惑，不明白它如何简化我的开发人员的生活。

目前，我可以作为项目启动器应用的唯一应用程序是著名的 QuickTickets Dashboard https://demo.vaadin.com/dashboard/，其中所有 UI 都完全用 Java 实现。目前最大的问题是这个应用程序是在 Vaadin 8 上实现的，我无法找到 Vaadin 10 的版本。你有类似的 Vaadin 10 吗？如果没有，您是否有我可以使用的从 Vaadin 8 到 Vaadin 10 的迁移指南，以便尝试将此应用程序移植到 Vaadin 10？

是否有任何特定方法可以在 Vaadin Flow 中的特定 TextField 元素上为 Enter 键添加快捷方式侦听器。文档对此保持沉默。

我有一个像这样实现RouterLayout的组件：

我路由父布局的视图子

但结果覆盖了side-menu.html文件的所有内容。

side-menu.html模板基本格式

但结果是

预期结果是：

前言：我是一名高级 Vaadin 开发人员（我用过 6、7，现在我所有的项目都迁移到了 Vaadin 8）。

我开始学习 Vaadin 10 / Flow，但我发现自己陷入了困境。

我真正苦苦挣扎的是“项目”本身。越深入，越觉得这个框架正在走向一个基于 css/html 的框架，这需要比 java 更多的 css/html 知识。我的意思是，如果你不完全了解 css 和 html 是如何工作的，你就不能再轻易地使用这个框架了。

问题是我不知道我是否完全错过了这里的重点并且我正在迷失在一杯水中，或者这是否真的是一个完全不同的框架。在这里我要征求你的意见，以及一些对抗。

我找到了一些非常好的东西，比如@Router以及所有新的导航范例和新的 Mobile First 组件，但在示例中，如果不使用 css 和 html，我真的无法找到一种快速的方法来构建漂亮的外观和感觉布局。

用 Vaadin 8 完成的简单事情现在看起来对我来说很难理解......比如模板：使用 Vaadin 10 Designer 真的非常奇怪。

我希望我只是错过了重点，你们中的一些人可以帮助我理清思路。

在AbsoluteLayoutVaadin 8 ( Framework ) 中，可以在布局中以像素位置为导向放置小部件。虽然不是我选择的第一个布局，但AbsoluteLayout它适合从其他使用面向像素位置的布局的 UI 构建平台移植代码。

手册中的示例代码：

我可以看到传递的参数只是 CSS 编码。但我不是 HTML/CSS 向导，这就是我首先使用基于 Java 的 Vaadin 的原因。

从 Vaadin 8 ( Framework ) 迁移到 Vaadin 10 ( Flow )的迁移指南在此组件列表中指出，from 8 不包含在 10 中，他们也不打算在未来添加它。但是该页面确实提供了有关替换的说明：AbsoluteLayoutAbsoluteLayout

使用例如 Div 在 V10 中很容易实现相同的效果

• 有人可以解释这在基于 Java 的 Vaadin 应用程序中意味着什么吗？也许是一个例子？
• 一个人如何在 Vaadin 10 Flow 应用程序中方便且常规地对小部件进行像素定位？

使用then启动drink-starter-flowmvn jetty:run就可以了。但是，如果下载相同版本的 Jetty (9.4.11.v20180605) 并通过 IntelliJ IDEA 启动它，则会出现以下错误。

如何解决这个问题？骨架启动流程应该与独立的 Jetty 一起使用吗？

当使用 binding-builder 建立绑定时，我们可以指定一个转换器在类型之间进行调解，例如使用StringorientTextField来处理类型的支持值Integer。

建立绑定后，以后有什么方法可以获取/更改/替换该转换器吗？

在 Vaadin 8 Framework 和 Vaadin 10 Flow 中，数据绑定功能让我们可以提供 aConverter在小部件的预期数据类型（例如Stringfor a TextField）和支持 bean 属性的数据类型（例如Integernumber）之间进行调解。

在此示例中，使用了内置Converter实现StringToIntegerConverter。

但是Converter为其他类型定义一个呢？我怎样才能轻松地定义一个短而甜的Converter？例如，字符串到UUID的转换器。我想在a中显示规范的 36 个字符的十六进制字符串TextField，然后从另一个方向将该字符串解析回 UUID。

我看到它Binder.BindingBuilder提供了一对withConverter都采用一对SerializableFunction对象的方法。

• Binder.BindingBuilder::withConverter(SerializableFunction<TARGET,NEWTARGET> toModel, SerializableFunction<NEWTARGET,TARGET> toPresentation)
• Binder.BindingBuilder::withConverter(SerializableFunction<TARGET,NEWTARGET> toModel, SerializableFunction<NEWTARGET,TARGET> toPresentation, String errorMessage)

➥ 那么如何定义SerializableFunction对象/类对呢？

我注意到这个接口列出了一个已知的子接口。这看起来很熟悉，我有一种预感，它是轻松定义一个简短的简单转换器的关键。但我不太理解 lambdas 的语法以及这里发生的所有事情。ValueProvider<SOURCE,TARGET>

我不是在问如何编写一个实现Converter. 我在问如何编写一对参数以作为项目符号SerializableFunction传递给上面列出的方法。Binder.BindingBuilder::withConverter

引用该 JavaDoc：

Interface Binder.BindingBuilder<BEAN,TARGET>

…</p>

withConverter

default <NEWTARGET> Binder.BindingBuilder<BEAN,NEWTARGET> withConverter(SerializableFunction<TARGET,NEWTARGET> toModel, SerializableFunction<NEWTARGET,TARGET> toPresentation)

使用映射函数将绑定映射到另一种数据类型，并将可能的异常作为错误消息。

映射函数用于在必须与绑定的当前目标数据类型匹配的表示类型和模型类型之间进行转换，模型类型可以是任何数据类型并成为绑定的新目标类型。调用bind(ValueProvider, Setter)时，绑定的目标类型必须与 getter/setter 类型匹配。

例如，可以使用适当的函数将 TextField 绑定到整数类型的属性，例如：withConverter(Integer::valueOf, String::valueOf);

类型参数：

NEWTARGET- 要转换为的类型

参数：

toModel- 可以将旧目标类型转换为新目标类型的功能

toPresentation- 可以将新目标类型转换为旧目标类型的函数

回报：

具有适当类型的新绑定

抛出：

IllegalStateException- 如果绑定已经被调用

我在 Vaadin 10 中有一个处理文件的网页。如何让不同的用户有不同的会话？当我尝试在不同的浏览器中打开我的页面来处理文件时，我得到：

我在官方文档中找不到任何有用的信息或教程。目前我正在浏览 Baker App - 但我也找不到任何关于会话的信息。

Vaadin 版本：10.0.0.rc3
Spring Boot 版本：2.0.3.RELEASE
Java：1.8

大家，早安。我开始使用 vaadin 10，我正在尝试使用 Spring Jpa 在网格中设置项目，如下所示，但对我来说它标志着一个错误，这种情况不会发生在以前版本的 vaadin 中。

我收到以下错误：

据我了解，这是由我的服务中的@autowire 引起的。

我希望有人与我分享我如何解决错误的想法，谢谢:)