首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vaadin 14 :如何在菜单栏组件中添加和提供填写表单的功能

Vaadin 14 是一个用于构建现代 Web 应用程序的开发框架。它提供了丰富的组件库和强大的工具,使开发人员能够快速构建用户友好的界面和功能丰富的应用程序。

要在 Vaadin 14 的菜单栏组件中添加和提供填写表单的功能,可以按照以下步骤进行操作:

  1. 导入所需的 Vaadin 14 相关依赖库和资源文件。
    • 在 Maven 项目中,可以在 pom.xml 文件中添加 Vaadin 14 的依赖项。
    • 在非 Maven 项目中,可以手动下载并导入 Vaadin 14 的 JAR 文件。
  • 创建一个菜单栏组件。
    • 使用 Vaadin 14 的组件库中的 MenuBar 组件来创建一个菜单栏。
    • 可以使用 addMenuItem() 方法添加菜单项,并为每个菜单项设置一个点击事件监听器。
  • 在菜单项的点击事件监听器中添加表单组件。
    • 创建一个表单组件,例如 FormLayout 或 VerticalLayout。
    • 向表单组件中添加所需的输入字段和按钮等组件。
    • 将表单组件添加到菜单项的点击事件监听器中,以便在点击菜单项时显示表单。
  • 处理表单提交事件。
    • 在表单组件中添加一个提交按钮,并为其设置一个点击事件监听器。
    • 在提交按钮的点击事件监听器中,处理表单数据的提交操作,例如将数据保存到数据库或发送到后端服务器。

以下是一个简单的示例代码,演示了如何在 Vaadin 14 的菜单栏组件中添加和提供填写表单的功能:

代码语言:txt
复制
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.menubar.MenuBar;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;

@Route("")
public class MainView extends VerticalLayout {

    public MainView() {
        MenuBar menuBar = new MenuBar();
        MenuItem formMenuItem = menuBar.addItem("表单");
        
        formMenuItem.addClickListener(event -> {
            FormLayout formLayout = new FormLayout();
            TextField nameField = new TextField("姓名");
            TextField emailField = new TextField("邮箱");
            Button submitButton = new Button("提交");
            
            submitButton.addClickListener(submitEvent -> {
                // 处理表单提交事件,例如保存数据到数据库
                String name = nameField.getValue();
                String email = emailField.getValue();
                // ...
            });
            
            formLayout.add(nameField, emailField, submitButton);
            add(formLayout);
        });
        
        add(menuBar);
    }
}

这个示例代码中,创建了一个菜单栏组件 MenuBar,并添加了一个菜单项 "表单"。当点击菜单项时,会创建一个表单组件 FormLayout,其中包含了姓名输入字段、邮箱输入字段和提交按钮。在提交按钮的点击事件监听器中,可以处理表单数据的提交操作。

请注意,这只是一个简单的示例,实际应用中可能需要更复杂的表单验证、数据处理和界面布局等操作。根据具体需求,可以使用 Vaadin 14 提供的更多组件和功能来实现更丰富和复杂的表单功能。

推荐的腾讯云相关产品:腾讯云云服务器(ECS)和腾讯云对象存储(COS)。

  • 腾讯云云服务器(ECS):提供可扩展的云计算能力,用于部署和运行应用程序。
    • 产品介绍链接:https://cloud.tencent.com/product/cvm
  • 腾讯云对象存储(COS):提供安全、稳定、低成本的对象存储服务,用于存储和管理应用程序的数据和文件。
    • 产品介绍链接:https://cloud.tencent.com/product/cos
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何使用 Hilla 管理全栈 Java 开发

Vaadin 的 40 多个开源 UI Web 组件进一步增强了它,为卓越的用户体验提供了随时可用的元素。 Hilla 非常重视效率和安全性,自动生成 API 和客户端访问代码,并默认确保安全的后端。...使用 Lit,可以开发所谓的自定义组件,即 HTML 语言的扩展。模板以声明方式包含在 TypeScript 代码中,也可以添加仅在 Web 组件上下文中有效的 CSS。...所有 Vaadin 组件都是 Web 组件,因此可以轻松地与 Lit 一起使用。Vaadin 网格提供了分页、排序等多种功能,使得以表格形式显示数据变得非常容易。...将 Web 组件添加到 DOM 时调用的方法中,从端点读取人员实体(图 9)。...Hilla 提供了多种其他功能来创建功能齐全的应用程序,例如样式和主题、安全性、本地化、错误处理或应用程序范围的状态管理。官方文档涵盖了这些和许多其他主题。

97830

探索低代码开发:Java侧的低代码实现与未来展望

预构建组件:低代码平台通常包含了丰富的预构建组件,如表单、报表、工作流等,开发人员可以直接使用这些组件,而不必从头开始编写代码。...快速原型:低代码允许快速创建原型,帮助开发团队更好地理解客户需求,减少了开发过程中的误解。 适用于企业应用:低代码平台通常包含了企业级功能,如安全性、数据集成等,适用于构建复杂的企业应用。...虽然它不是严格意义上的低代码平台,但它提供了许多开箱即用的功能和组件,可以显著减少开发工作。...Vaadin Vaadin是一个用于构建现代Web应用程序的Java框架,它提供了丰富的可视化组件和工具,可以帮助开发人员创建复杂的Web界面,而不需要手动编写大量的前端代码。...更多的自动化:随着机器学习和自动化技术的发展,未来的低代码平台可能会提供更多的自动化功能,进一步提高开发效率。

87320
  • 流行的9个Java框架介绍: 优点、缺点等等

    Vaadin为您提供了一个简化Java开发的平台。它允许您构建以性能、用户体验和可访问性为重点的可定制组件的web应用程序。...它有一个名为Vaadin Flow的轻量级Java框架,用于处理路由和服务器-客户端通信,以及一组在用户浏览器中运行的UI组件。...这些组件是移动优先的,遵循最新的web和可访问性标准;它们是基于Web组件标准构建的。您可以将Vaadin组件与任何前端框架(如React、angle或Vue)一起使用。...由于Wicket是一个基于组件的框架,所以Wicket应用程序由可重用的页面和组件(如图像、按钮、链接、表单等)组成。...Wicket通过为超过25种语言提供开箱即用的支持,使应用程序、页面和组件国际化。它内置的Ajax功能允许您实时更新页面的某些部分,而不需要编写任何JavaScript代码。

    3.5K20

    微信小程序开发教程第七章:微信小程序编辑名片页面开发

    使用微信自带的 input 组件验证也非常好用,如 maxLength 属性,可以限制用户输入长度,如我这的姓名长度是最大 5 位,直接数字 5 即可。...设置的直接是背景图片。 提交表单与跳转。...提交表单使用的是自带的 bindsubmit 事件组件,在 button 组件上添加 formType=”submit” 即可,还有点需注意的是使用表单提交功能时 input 需加上 name 属性,这个传递方式是以键值对的形式传递的...修改名片流程效果图与需求,修改名片是一次性把以前填写的个人信息全部渲染出来,供用户来改动: 名片图片模块,上传图片暂时还有点问题,这里就是模仿了个跳转组件,比较建议需要跳转的页面还是使用 wx.navigateTo...在这里如顶部有些菜单栏的话,你就要注意好布局了,不然会出现向下偏移这个菜单栏的高度,其实你只要和字母索引同级下即可避免此问题(这里的顶部菜单以模板分离出去了,分离模板的时候需注意下,需要在这里绑定模板的一些数据会出现失效

    1.5K80

    服务端驱动 Web UI 开发

    在这种紧耦合的架构中,UI 和业务域的后端具有很高的内聚性,共同为特定的业务功能提供服务。 我们将其与采用 SPA 的分离架构进行比较。...但是问题在于,UI 和后端是否真正的独立组件?还是说在功能上他们其实属于一个逻辑组件?如果他们是一个逻辑组件,那么耦合度高反而更好,因为这是单个组件的性质。...Vaadin 根据布局信息在浏览器中创建相应的 UI 组件。 当用户与组件交互(如单击按钮)时,会创建对服务端的回调,该回调会触发声明为事件监听器的相应 Java 方法。...XML 布局可以通过进行手动编辑,也可以在 Jmix Studio 的可视化设计器中进行编辑。 Jmix 还提供了专门针对企业应用程序的功能,例如扩展 Vaadin 库的大量数据感知 UI 组件。...例如复杂的过滤器组件,支持用户构建任意的过滤条件。 此外,Jmix 还带有开箱即用的扩展组件,提供数据访问控制和审计以及报表和业务流程管理等功能。

    1.6K20

    Jmix - 业务系统高效开发的少代码平台

    有了这三个特性作为支柱,对于给定的问题域,我们就可以构建基本的有效软件开发环境了:集成全栈框架自带编程工具支持现有的开箱即用功能下面我们介绍下 Jmix 是如何在这三个方面提供支撑的。...它将前后端绑定得更加紧密,提供了额外的好处,比如将验证逻辑集中在一处,或者进行 UI 和后端的无缝调试。在 Vaadin 框架中,使用 Java 代码定义布局和逻辑。...这样开发者可以用一种语言编写应用系统中的所有代码,这样效率通常会更高而且更简洁。Jmix 通过声明式布局定义、附加 UI 组件、界面抽象和 API 丰富了 Vaadin 的机制。...BPM 组件将 Flowable 无缝地集成进 Jmix 业务系统,并提供一系列附加功能,如流程设计器,流程管理员界面,以及简化的 API。有了这些能力,在业务流中多人协作的流程就很容易建模了。...另外,Jmix 还提供两个扩展组件自动对外提供数据和功能接口:REST API 和 GraphQL,这两个组件也都默认支持数据访问的安全机制。上面提到的这些是最常用的组件。

    1.4K30

    使用草料二维码表单功能,让数据收集更高效、规范

    功能介绍表单作为草料二维码的高级功能之一,可用于收集格式统一的数据。你可以通过组合姓名、图片、检查项等组件搭建出电子表单,关联到二维码中,扫码填写表单即可更快速、规范的收集数据。...表单组件表单中需要填写的每一行内容叫一个「组件」,根据你想要收集什么类型的信息,就需要在制作表单时添加对应的组件,来代替线下纸质表格。...添加组件后 ,点击选中任一组件,即可在右侧区域对于组件进行相关设置,来满足更多需求。1、填表人组件填表人组件用于收集填表人本人基本信息,如:姓名、手机号、身份证号等,系统会自动汇总他填写的所有记录。...6、数据审核指定审核人审核他人在表单中填写的内容,审核结果通过微信反馈给填表人。7、添加后续动态可在表单数据详情页进行协作和沟通,支持语音、图文、@通知、填写表单、手写签名等。...数据统计与导出1、数据统计通过表单收集到的所有数据,超级管理员和高级成员(系统管理、数据管理),可以在电脑端后台和手机端工作台的表单数据中查看所有数据。

    30110

    JAVA常用框架及漏洞

    AOP(面向切面编程):通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术。即系统级的服务从代码中解耦出来。...例如:将日志记录,性能统计,安全控制,事务处理,异常处理等代码从业务逻辑代码中划分出来。允许你把遍布应用各处的功能分离出来形成可重用组件。 漏洞: 1....JSF反序列化漏洞 Vaadin介绍: Vaadin 包含了一组Web 应用开发的API,大量的UI 组件,多种内置主题,以及数据绑定允许将数据源直接绑定到UI组件。 漏洞: 1....Vaadin server 安全漏洞 GWT介绍: GWT提供了一组基于Java语言的开发包,这个开发包的设计参考Java AWT包设计,类命名规则、接口设计、事件监听等都和AWT非常类似。...此外Play可以给应用程序提供可预测的和最小的资源消耗(CPU,内存,线程),可构建高扩展的应用程序。 漏洞: 1. Play任意文件读取 2.

    3.5K20

    ONLYOFFICE 桌面编辑器 8.1 强势来袭:解锁全新PDF编辑、幻灯片优化与本地化体验,立即下载!AI

    继ONLYOFFICE文档8.1发布之后,桌面版应用程序同样实现了在线版的诸多核心功能,如功能齐全的PDF编辑器、演示文稿中的幻灯片版式、改进的RTL(从右至左)支持和新的本地化选项等。...1.4 添加注释和标注 ONLYOFFICE PDF编辑器提供了多种注释工具,帮助用户在文档中添加注释和标注。在编辑模式下,用户可以点击“注释”选项卡,选择需要的注释工具,如高亮、下划线、删除线等。...切换模式的方法很简单,用户只需点击顶部工具栏中的“模式切换”按钮,然后选择“编辑模式”或“查看模式”即可。 1.6 创建和填写表单 PDF编辑器的另一个显著改进是无需其他格式即可创建和填写表单。...应用显示效果:用户可以在属性面板中,选择视频的显示效果,如添加边框、阴影和反射等。这些效果可以提升视频的视觉效果,使演示文稿更加美观。 选择插入选项:点击顶部菜单栏中的“插入”选项卡。...点击顶部菜单栏中的“视图”选项卡,选择“工具栏设置”按钮。 在工具栏设置窗口中,取消选中需要隐藏的按钮,如“保存”、“打印”、“撤消”和“重做”等。

    24010

    【Python篇】PyQt5 超详细教程——由入门到精通(终篇)

    9.2 创建一个简单的菜单栏 QMainWindow 提供了内置的菜单栏 QMenuBar。你可以在菜单栏中添加 菜单(QMenu) 和 菜单项(QAction)。...菜单栏提供系统功能的组织,工具栏提供快速操作,状态栏则用于显示当前状态或提示信息。...通过这三大控件,你可以构建功能齐全的桌面应用程序,并为用户提供友好的操作界面。 关键点: 菜单栏(QMenuBar)用于组织应用程序的功能,通过菜单和菜单项实现。...工具栏(QToolBar)用于提供快速操作的按钮,可以与菜单栏中的功能保持一致。 状态栏(QStatusBar)用于显示当前状态信息或提示信息,还可以添加永久控件。...第9-10部分总结:菜单栏、工具栏与布局管理 在第9至第10部分中,我们深入讲解了 PyQt5 中的菜单栏、工具栏和状态栏的使用,展示了如何为应用程序添加组织良好的功能结构和界面元素。

    1.4K12

    Jmix 1.5.0 正式版发布

    ▲Jmix1.5 发布 最近我们发布了 Jmix 的最新 1.5 正式版本。本文中,我们将介绍 1.5 版本中引入的主要新功能和改进。...新的工具箱弹窗支持搜索可用组件,也支持将组件拖放至 UI 层级结构或者源码中: ▲Studio 添加组件 UI 组件层级结构和组件属性面板现在合并成了单一的工具窗口,称为 Jmix UI,默认位于...而 Vaadin 23.3 提供了功能齐全的 TabSheet,这样我们可以完全用声明式的方式集成: 中添加了具有基本功能的通用过滤器:用户可以基于整个实体关系图创建任意数量的属性条件。...该功能同时支持经典 UI 和 Flow UI。 悲观锁 UI Jmix 现在提供了一个用于管理悲观锁的默认 UI。位于经典 UI 的 “管理” 菜单和 Flow UI 的 “系统” 菜单中。

    61110

    前端成神之路-vue前端项目02

    属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标 在数据中添加一个iconsObj...:unique-opened=“true” 6.制作侧边菜单栏的伸缩功能 在菜单栏上方添加一个div <!...$message.success('更新状态成功') }, 14.实现搜索功能 添加数据绑定,添加搜索按钮的点击事件(当用户点击搜索按钮的时候,调用getUserList方法根据文本框内容重新请求用户列表数据...A.当我们点击添加用户按钮的时候,弹出一个对话框来实现添加用户的功能,首先我们需要复制对话框组件的代码并在element.js文件中引入Dialog组件 B.接下来我们要为“添加用户”按钮添加点击事件...给el-dialog添加@close事件,在事件中添加重置表单的代码 methods:{ ....

    4K10

    还在用老掉牙的后台模板?来试试这款人类高质量后台模板(Admin Plus)

    在Admin Plus 中,我们可以实时通过点击方式去更新菜单,由于这个这个功能是做了一个深度优化,所以可以做到实时更新。点击添加菜单按钮,我们就可以添加菜单了。...菜单栏鉴权 菜单栏鉴权也是我们很常用的功能,指的是如果用户没有某个菜单的权限,则该菜单就不在菜单栏中显示,也就是隐藏入口。...在一个页面,用户可以看到一部分的内容,而如果用户没有这个权限的话是无法查看所有的功能。 Admin Plus 内置的 View UI Plus 则提供了鉴权组件 Auth组件来实现该功能。...如果用户点击了的话,还会弹出一个没有权限的提示信息。Admin Plus 内置的 View UI Plus 则提供了鉴权组件 Auth 来实现该功能。...表单模板 概述 如果要说后台管理系统必不可少的组件有哪些,那么我想表单组件可以排得上号,无论是注册登录又或者是前台提交信息都需要使用到表单,Admin Plus给我们提供了四种表单的模板,这四种表单基本上涵盖了我们大部分开发场景

    2.1K20

    一篇文学会商用可编辑问卷表单制作【iVX 十二】

    二、页面编辑页制作及功能编写 2.1 表单标题栏制作 2.2 编辑区内容制作 2.3 点击组件按钮添加元素到表单中 2.4 编辑组件标题与删除添加的组件 2.5 保存添加组件的内容 2.6 动态更改组件的属性...2.7 动态生成的表单保存 三、表单浏览页制作及功能编写 3.1 添加表单获取服务 四、表单填写页功能编写 4.1 创建表单内容获取服务 4.2 为页面添加数据获取 4.3 提交填写数据 五、自己创建的表单页及结束页功能编写...、右侧显示用于操作标题栏进行设置,组件内容则是动态添加的组件内容: 接着先添加标题栏内容,在左侧和右侧显示中添加如下图所示组件: 在此需要注意,设置标题内容输入框默认情况下为隐藏,此时页面呈现效果如下...: 随后在输出行数中需要设置一个数量范围,例如第 0 条到第 14 条、第 14 条到 28 条、第 28 条到 32 条,我们可以发现公式可以写成每页显示的条数 (页数-1)× 每页显示条数 到 页数...这个服务接收一个参数为父表ID,为其在已填写的数据库已填写表单中查找对应的填写信息: 随后我们将父表ID与父表ID相等作为条件进行查找,并且输出的内容只有标题和内容: 创建好服务后我们在当前页面中添加一个

    6.7K30

    表单的 9 种设计技巧【上】

    全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。...以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹(圆圈越大,注视时间越长):图片图片图片可以看到,在顶部左对齐的设计中,用户能够在单次视线移动中同时获取标签和输入字段,可以更快理解表单。...图片 因为左侧左对齐使得浏览表单所需时间最长,如果表单要求敏感数据如银行卡号等,也可以使用左侧左对齐来故意减缓用户的填写速度,来确保填写的准确性。...图片码匠提供了四种数据录入类型的组件(文本、数字、选择和日期),在构建表单时应选择合适的组件。...图片码匠还支持多行输入框,如果你觉得目标输入可能需要多行空间(如:评论输入),那么您可以选用多行输入框。技巧 4:表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中,使填写路径更加清晰。

    71550

    Jmix 2.1 发布

    Jmix 2.1 中也能很容易集成这些组件,并且基于 Vaadin 24 提供的现代 Flow UI。...事实上,地图可以包含瓦片层、图像层和矢量层,每个图层都支持不同的数据供应商。可以显示标记、点、折线和多边形。该组件的工作尚未完成,我们将在下一个版本中提供更多功能。...,并通过简洁的 UI 直接打开: 搜索组件 搜索 扩展组件支持与 ElasticSearch 进行集成,为应用程序中的数据和上传文件提供全文搜索功能。...在 UI 层,组件提供了一个特殊的上传控件和管理页面,用于管理文件及其版本: ▲WebDAV 批量编辑器 批量编辑器 扩展组件支持用户一次更改多个实体实例的属性值,并提供了一个可以添加到任何 dataGrid...系统管理员可以直接在应用程序 UI 中检查 JMX bean、编辑属性和调用操作: ▲JMX 控制台 BPM 改进 在应用程序 UI 中现在可以使用 DMN 表建模器了: ▲DMN 表建模器 流程表单向导现在可以生成功能完备的视图

    26010

    实战 | 使用微搭低代码3分钟开发表单应用

    本文从0到1 ,以循序渐进的方式利用腾讯云微搭低代码平台搭建出常见的表单展示应用,让您快速上手腾讯云微搭低代码平台核心功能。 步骤1:创建应用 登录 腾讯云微搭低代码 控制台。...步骤2:创建数据源模型 单击左侧主菜单栏中的数据源管理,进入数据源管理页面。 单击新建自建数据源。...- 是否枚举:该字段是否只能在有限个枚举值中取值。例如性别字段,可设置枚举值为:男、女。 我们这里分别创建姓名和手机号两个字段,单击确定,即可完成数据源模型的创建。...[90bc36dea6d008a1dc3b1f41646fc5a3.png] 在页面中添加容器,并在容器下方添加信息展示组件。...循环对象中可绑定的数据依赖于组件上层容器所绑定的模型变量。 单击确定后可看到组件已成功配置了数据。

    1.3K20

    两步实现让antd与IDE和睦相处的处理案例

    你可以看到 ▫ 一个新的web UI轻量级框架 ▫ 同用IDE组件库和antd产生的冲突如何解决 ▫ 它们如何在Taier上完美配合 Keep It Simple, Stupid....为了解决 Taier 中需要开发 Web IDE 和大量传统表单表格的问题,我们不得不同时引入 Ant Design 和 Molecule。...得益于 Molecule 提供的强大的扩展(extension)机制,我们可以在扩展中根据自身需求高度定制化页面中任何可见或不可见的元素。...例如在开发任务管理时,为了解决页面之间来回切换跳转的问题,我们通过将任务管理添加到 Molecule 的菜单栏中,并且监听菜单栏的事件后打开 Ant Design 的抽屉组件渲染不同组件内容。...例如在处理数据源中心的过程中,我们将数据源中心添加到了活动面板(ActivityBar)处,同时借助 Molecule 提供的 API 将新增或编辑数据源窗口添加到 Molecule 的 IDE 区域。

    1.2K30

    fusionUI组件表单的使用

    1、展示最简单的案例 react的fusionUi组件提供了大量的封装好的组件,为开发人员节省了大量的时间,今天主要分享一下如何使用fusionUI的form表单组件,看一下最简单的例子: import...,每一个表单元素都被包裹在FormItem组件中,FormItem比较重要的两个属性是name和labei,name是表单元素的键,label是显示的label标签,另外FormItem还可以配置required...和requiredMessage两个属性,前者表示当前元素是必填项,如果不填写会提示requiredMessage中的信息。...3、Form的常用属性 再来看一下Form的属性,代码中只有colon属性,这个属性是控制是否显示label后面的冒号的,还有其他几个常用的我们来看下: size是枚举类,控制表单的组件的大小。...3.1、isPreview的使用 isPreview控制表单的编辑状态与预览状态,这个在开发中十分常用,看两个界面: image.png 编辑状态: image.png 如何在这两种状态中切换呢?

    2.1K20

    基于TIS构建Apache Hudi千表入湖方案

    不足是无法提供Hudi表增量同步功能。 2....TIS的插件系统中, 本文相关的Hudi和MySQL以及Flink增量同步、DataX批量同步相关的功能插件都是在TIS运行时按需加载并热部署生效的。...当完成安装步骤之后,进入TIS操作界面,点击菜单栏中实例链接 2. 进入实例列表,点击右侧添加下拉按钮中的数据管道,进行MySQL端到Hudi端的数据同步通道构建 3....在Reader设置页面,点击数据库名项右侧配置下拉框中MySqlV5 数据源,完成表单填写,点击保存按钮,其他输入项目使用默认值即可,然后再点击下一步选取Reader端中需要处理的表 9....假如您TIS有功能需求,请在Github的Issue栏中添加:https://github.com/qlangtech/tis/issues[14] 引用链接 [1] Apache Hudi: [https

    1.7K10
    领券