Vaadin 23 登录组件“忘记密码”按钮点击事件监听实现指南

import com.vaadin.flow.component.login.LoginI18n;
import com.vaadin.flow.component.login.LoginOverlay; // 或者使用 com.vaadin.flow.component.login.Login
import com.vaadin.flow.component.UI;
import com.vaadin.flow.component.notification.Notification;
import com.vaadin.flow.router.Route;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.login.AbstractLogin.ForgotPasswordEvent; // 引入 ForgotPasswordEvent

@Route("login")
public class LoginView extends VerticalLayout {

    public LoginView() {
        // 使用 LoginOverlay 组件，它会在一个弹窗中显示登录表单
        LoginOverlay loginOverlay = new LoginOverlay();
        loginOverlay.setOpened(true); // 默认打开登录界面

        // 配置国际化文本。LoginI18n 仅用于文本显示，不处理事件。
        LoginI18n i18n = LoginI18n.createDefault();
        LoginI18n.ErrorMessage i18nErrorMessage = new LoginI18n.ErrorMessage();
        i18nErrorMessage.setTitle("用户名或密码错误");
        i18nErrorMessage.setMessage("请检查您的用户名和密码，然后重试。");
        i18n.setErrorMessage(i18nErrorMessage);
        i18n.getForm().setTitle("登录您的账户");
        i18n.getForm().setUsername("用户名");
        i18n.getForm().setPassword("密码");
        i18n.getForm().setSubmit("登录");
        i18n.getForm().setForgotPassword("忘记密码？"); // 这里设置的是链接的显示文本
        loginOverlay.setI18n(i18n);

        // 核心：为“忘记密码”按钮添加事件监听器
        // 当用户点击“忘记密码？”链接时，此lambda表达式将被执行。
        loginOverlay.addForgotPasswordListener(event -> {
            Notification.show("您点击了“忘记密码”。即将启动密码重置流程。", 3000, Notification.Position.MIDDLE);
            // 在实际应用中，您会在这里执行以下操作：
            // 1. 导航到专门的密码重置页面，例如：
            //    UI.getCurrent().navigate("reset-password");
            // 2. 弹出一个对话框，要求用户输入注册邮箱。
            // 3. 调用后端服务，根据用户提供的邮箱发送密码重置链接或验证码。
            System.out.println("Forgot password link clicked!");
        });

        // 示例：添加登录事件监听器（可选，但通常是登录界面的核心功能）
        loginOverlay.addLoginListener(event -> {
            String username = event.getUsername();
            String password = event.getPassword();
            // 验证用户名和密码
            if ("user".equals(username) && "password".equals(password)) {
                Notification.show("登录成功！", 3000, Notification.Position.MIDDLE);
                loginOverlay.setOpened(false); // 关闭登录弹窗
                UI.getCurrent().navigate(""); // 导航到应用程序主页
            } else {
                loginOverlay.setError(true); // 显示错误信息
            }
        });

        add(loginOverlay); // 将登录组件添加到视图中
        setSizeFull();
        setJustifyContentMode(JustifyContentMode.CENTER);
        setAlignItems(Alignment.CENTER);
    }
}