Home

Documentation versions (currently viewingVaadin 24)
Documentation translations (currently viewingChinese)

本页面为从官方文档 http://vaadin.com/docs 机器翻译而来,可能包含错误、不准确或不确切之处。Vaadin 对该翻译的准确性、可靠性或及时性不作任何保证或陈述。

将数据传递到视图

了解如何在 Vaadin 应用程序的各个视图之间传递数据。

在 Vaadin 应用程序中,在视图之间传递数据的推荐方法是通过 URL 参数。这种方式实现了 深度链接,允许用户使用 URL 直接导航到特定页面或内容。通过深度链接,用户可以将关键部分添加为书签以便快速访问,与同事共享链接,并可通过浏览器历史记录和后退按钮无缝返回。

URL 参数类型

Vaadin 支持两种类型的 URL 参数:

  • 路由参数 — URL 路径的一部分,用于标识特定的视图或内容,例如某个实体或标签页。

  • 查询参数 — 附加在 URL 末尾的键值对,适合用于存储 UI 状态,例如 Grid 的排序顺序或搜索框的值。

Tip
当导航取决于 URL 结构时,请使用 路由参数,例如 /customer/123 用于查看客户详情。
Tip
如需存储影响视图行为的状态,请使用 查询参数,如 /orders?sort=date&filter=shipped

指南

以下指南展示了在视图间传递数据的不同方式:

路由参数
了解如何在 Vaadin 应用程序中使用路由参数。
路由模板
学习如何在 Flow 中使用路由模板。
查询参数
学习如何在 Vaadin 应用程序中使用查询参数来管理状态。