问题标签 [vaadin-flow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1537 浏览

scrollview - Vaadin Flow 中的可滚动布局

在 Vaadin Flow 中,不存在本质上是可滚动布局的组件。在 Vaadin 8 中,这是由Panel完成的。

有没有办法在 Vaadin Flow 中实现可滚动组件?

0 投票
1 回答
469 浏览

java - 如何在 contenteditable 处于活动状态时在 Vaadin Flow 中获取 div 的内部 html

我遇到了 Vaadin Flow 的问题。我想在我自己的网站上创建一个简单的文本编辑器。我创建了一个简单的 div 组件,其元素属性 contenteditable 设置为 true。在客户端,网站用户编辑 div 并按下按钮后,我想在 java 服务器端接收 div 的内部 html。下面的代码不提供该功能。

我可以使用聚合物模板吗?请帮我解决这个问题。

0 投票
1 回答
267 浏览

spring-boot - 带有布局集的 Vaadin Flow @Route 注释打破了布局样式

我正在使用 Vaadin 12.0.3,我正在尝试使用AppLayout. 因此,我在AppLayout主视图中添加了包含菜单的DashboardView(扩展RouterLayout)。这个视图应该是MonitoringView显示一些数据的父视图。因此,我将@Route注释设置为MonitoringView@Route(Monitoring.route, layout = DashboardView::class).

问题是如果我添加layout = DashboardView::class到注释中,所有样式MonitoringView都消失了。这意味着不显示文本,(背景)颜色和阴影消失等等。当我从注释中删除布局部分时,一切看起来都很好,但是我看不到顶部的菜单栏。

这是上述类的代码:

DashboardView它应该是另一个视图的父视图并包含菜单 ( AppLayout):

显示监控数据的MonitoringView,当用户点击“第 1 页”时应显示在菜单栏下方:

0 投票
1 回答
2412 浏览

vaadin10 - 使用 Vaadin Flow 的用户会话

我目前是一名初出茅庐的 Java 开发人员,想进入 Vaadin 开发,目前正在尝试为我的应用程序实现用户会话登录。我已经阅读了有关使用 VaadinServlets 这样做的内容:https ://vaadin.com/docs/v10/flow/advanced/tutorial-application-lifecycle.html 。

在无情地挖掘 API 文档和示例代码之后,我仍然无法理解如何为登录到我的平台的特定用户实现用户会话。据我了解,我可以使用我在下面实现的内容来初始化我的用户会话。

但是我对应用程序的目标略有不同:

[用例]

1.用户使用他们的特定凭据登录。

2.Gets Redirected to a SecuredPage(这将创建一个用户会话存储用户的用户名并检索令牌?)

3. 2-3分钟不活动后,用户将被强制退出SecuredPage并且会话关闭?

1 所以我想知道是否有人可以帮助我更好地理解这件事?充分赞赏

0 投票
0 回答
170 浏览

vaadin - Vaadin-10/12 网格组件渲染器性能问题

我是 vaadin-10/12 版本的新手,之前我们使用的是 vaadin-7/8 版本,现在我们计划升级我们所有应用程序的 vaadin-12 版本。但是我们在 vaadin 12 版本的 Grid 中面临以下问题:

我使用 vaadin 12 网格和我在网格 100/1000/10000/100000 中添加的记录数创建了应用程序。

1) 没有渲染器的基本网格和延迟加载网格运行良好(在所有情况下,例如 100/1000/10000/100000 只需要不到 1 秒),但我对 100/1000/10000/100000 记录的组件渲染器有问题:

三个 TextBox 列,大约需要 1 秒。

三个 CheckBox 列,大约需要 1 秒。

三个 ComoboBox 列,大约需要 2 秒。

列:三个 TextBox + 三个 CheckBox + 三个 ComoboBox = 大约需要 3 秒。

实际上我的要求是我想显示超过 10000 条记录,并在第二个中使用 componentrenederer。

有没有可能在一秒钟内显示 10000 条记录?

2) selectAll 功能的基本网格(没有渲染器)问题:

我添加了 1000 条记录并应用 selectall 需要 9 秒。

上述相同功能有任何问题吗?

注意:相同的功能测试了惰性网格,它需要相同的时间,我们只检查了 dom 元素在浏览器上呈现的可见元素。

谢谢,

阿马尔·博加里

0 投票
1 回答
214 浏览

java - Vaadin 流空视图

如何在vaadin-flow中创建必须为空标题和正文的空视图 ui。

我创建的 UI 有许多默认标签和脚本内部标题和正文。

0 投票
0 回答
102 浏览

vaadin - 使用 Google / MS Azure / LinkedIn / Box 进行身份验证

我是 Vaadin 的新手(但到目前为止很喜欢它)。我正在使用 Vaadin 12,但对使用“大主”外部登录系统实现标准登录屏幕的“最佳方式”感到困惑,即:

  1. 用谷歌登录
  2. 使用 MS Azure 登录
  3. 使用领英账户登录
  4. 使用 Box 登录

(我不打算支持自定义注册/登录页面来询问用户他们的姓名和电子邮件等 - 这是浪费时间,因为用户可以从至少上述 4 个受支持的系统中进行选择,这样我就委托了整个用户名/密码管理系统到更大的系统等)

但是,在 Vaadin 12 中似乎没有预先构建像使用“大”外部提供程序(例如上述列表之一)的稳定/经过测试的登录系统这样简单的东西。(也没有任何我可以模仿的例子)。我发现最好的是https://vaadin.com/directory/component/oauth2-popup-add-on/overview,但这似乎只适用于 Vaadin 7(也许是 8)。从过去的问题来看,我的理解是 Vaadin 8 组件与 Vaadin 10/12/14 等不兼容。因此,如何使用外部提供(例如 MS Azure)安全(轻松)实现安全、简单的登录系统瓦丁12?

(注意:我确实找到了似乎适用于 Vaadin 10+ 的https://vaadin.com/directory/component/google-sign-in-component/overview,但它似乎只适用于 Google;这是否意味着我们需要通过查找是否有人为这些系统构建了聚合物 Web 组件然后将其集成到 Vaadin 中,为 MS Azure/LinkedIn 等定制构建类似的组件?即使答案是“是”,它看起来就像来自https://的示例:/ /vaadin.com/directory/component/google-sign-in-component/overview 是“危险的”(顺便说一句,我的网络知识和安全知识接近于零),因为它似乎暗示人们可以简单地使用“事件”类来检索用户的姓名/电子邮件等,但从技术上讲,该信息不应该不是来自前端(因为任何体面的黑客都可以直接调用 Vaadin 后端 servlet 并简单地“提供”用户名/电子邮件等),但只有访问令牌(或者它可能被称为其他东西——我' m 现在条款模糊),然后后端代码(并且只有后端代码)将使用此访问令牌重新调用外部提供者(例如谷歌),然后(并且只有那时)最终确定用户名/email 等(而且,由于后端是 java,我认为使用的“最佳”此类库是 scribe:https ://github.com/scribejava/scribejava/) (据推测,一旦最终确定了用户名/电子邮件,它就可以以某种方式保存为 Vaadin 中的会话变量,以便后续调用具有所需的信息?)(注意:作为一个额外的约束,我正在努力避免使用 Spring——我过去使用过它,它使我的代码复杂了十倍,并使调试和与非 Spring 示例代码集成成为一场轻微的噩梦……不过,我愿意使用 Java EE(即 javax 库)如果我必须/如果强烈建议这样做....)

0 投票
1 回答
804 浏览

java - 从 Vaadin 流访问本地存储

我需要将用户首选项保存在浏览器的本地存储中。如何从我的 Vaadin 代码访问 localStorage?

我尝试使用https://vaadin.com/directory/component/clientstorage但看起来这个插件只支持 vaadin 7-8 版本,而我使用的是版本 12。

0 投票
1 回答
671 浏览

vaadin - Vaadin 12 中的水平和垂直布局没有响应

我的理解是 Vaadin 10+ 的主题之一是响应式布局。所以当“水平布局”和“垂直布局”似乎不支持响应式设计时,我感到很惊讶。(我改用 App Layout,这似乎可行。)但是,在我的应用布局中,我倾向于使用 Vertical Layouts 和 Horizo​​ntal Layouts 来放置聚合物组件——不过,我认为它们不会响应,因为我没有不要认为 Vaadin 水平/垂直布局遵循响应式主题。是否有我们应该使用的替代布局组件或多或少地实现“响应式水平布局”等?

与此相关的是,假设所有预构建的 Vaadin 10/12+ 聚合物组件(水平和垂直布局除外)都是自动响应的,例如网格、表单和选项卡,是否合理,例如,如果用户正在他的手机上,并且正在寻找一个选项卡,其中包含这些 Vaadin 组件将在手机上“很好地”呈现的表单(即遵循其他框架的响应式布局,例如 react.js)?

0 投票
1 回答
90 浏览

vaadin - Vaadin 是否有任何建议/库来最大程度地减少 DOS 或 DDOS 攻击?

我的理解是,Vaadin 的架构,部分/主要是因为它使用 AJAX,可能比使用基于 react.js/angular + java-rest 的解决方案构建的典型 Web 项目在本质上更安全。在防止 DOS 或 DDOS 攻击方面是这样吗?如果没有,是否有任何预构建的 Vaadin 组件/库来防止此类 DOS 或 DDOS 攻击?(仅供参考:我在 Vaadin 12 上,一旦可用,我将很快移至 Vaadin 14。)