问题标签 [vaadin10]

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 回答
51 浏览

vaadin - 在 Vaadin Designer 3 中定位组件?

我将 Vaadin Designer 用于框架 7。在此设计器中,我可以拖放一个组件并通过单击它来移动该组件,然后将其移动到我想要的区域。

在此处输入图像描述

并尝试对新的 Vaadin Designer 3 做同样的事情。但似乎 AbsoluteLayout 已被弃用,替代品是 Div。我拖动一个 Div 并在其上拖动一个 Button。但是我不能通过使用鼠标选择它来移动按钮。这在 Vaadin Designer 3 中是否可行?

顺便说一句,我不想​​使用 CSS 定位按钮。

在此处输入图像描述

0 投票
1 回答
212 浏览

vaadin10 - 如何获得 Vaadin Valo Facebook 主题

所以,我是 Vaadin 的新手,但我有兴趣使用“Facebook”主题,如他们的演示所示:https ://demo.vaadin.com/valo-theme/#!buttons-and-links (和然后选择右上角的“Facebook”)。但是,当下载最新的 Vaadin 12 系统时,我无法弄清楚如何获得“Facebook”它们。该文档似乎仅暗示“Light”和“Material”可用......如果我确定这是我的应用程序的“最佳”主题,我如何获得Facebook主题?

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 投票
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。)

0 投票
1 回答
603 浏览

css - 如何在 Vaadin Flow 中使用 CSS 网格替代 Framework 8 的 GridLayout?

我正在尝试将现有的 Vaadin 8 应用程序迁移到 Vaadin 12,并且需要知道如何在 Vaadin 12 中重新创建 Vaadin 8 的 GridLayout 的功能。

根据Vaadin Docs的说法,可以在 Vaadin 12 中将 GridLayout 替换为: “将 Div 与大多数浏览器支持的新 CSS Grid 功能一起使用”

不幸的是,目前尚不完全清楚如何做到这一点。

假设我有一个 Vaadin 复合“HelloGrid”

还有一个 css 文件“hello-grid.css”

  • 如何将“.hello-grid” css 类与 HelloGrid Composite 相关联。
  • 这是在 Vaadin 12 中使用 css 网格的正确/首选方式吗
0 投票
2 回答
285 浏览

vaadin - 带有隐藏键的组合框

vaadin 12 中是否有可能具有组合框以显示用户友好的值但在幕后存储隐藏代码?我从 5 年前发现了这个例子,但它不适用于 Vaadin 12 组合框:https ://vaadin.com/forum/thread/7821327/combo-box-hidden-values

(如果有一个好的,相当干净的方法,请指出正确的方向!我认为这是一个常见的抢手功能)