如何在Liferay JSF Portlet中实现登录后自动关闭的默认登录弹窗？

嘿，这个问题我之前帮人解决过！要复刻Liferay自带的那种点了「Sign In」弹出登录框、登录后自动关闭的效果，其实不用绕远路，我给你说几个靠谱的办法：

Liferay本身提供了封装好的liferay-login:login-modal标签，自带登录成功后自动关闭弹窗的逻辑，完全不用自己写复杂的JS和后端处理。

在你的Portlet的JSP页面里，先引入标签库，然后直接用标签生成Sign In按钮和弹窗：

<%@ taglib prefix="liferay-login" uri="http://liferay.com/tld/login" %>

<!-- 直接生成带弹窗的Sign In按钮 -->
<liferay-login:login-modal
    title="Sign In"
    triggerText="Sign In"
/>

这个标签会自动处理：点击按钮弹出模态框、登录验证、成功后关闭弹窗并刷新页面（或跳转到之前的页面），和Liferay默认的Sign In效果完全一致。

如果你一定要用自己开发的登录Portlet来做弹窗，那得手动处理登录成功后的关闭逻辑，核心是不要在弹窗里直接重定向，而是通知父页面关闭弹窗：

步骤1：后端Action处理登录，返回成功标识 #

在你的登录Portlet的Action类里，处理完登录逻辑后，不要直接重定向，而是返回一个成功页面的渲染参数：

@Override
public void processAction(ActionRequest actionRequest, ActionResponse actionResponse) throws IOException, PortletException {
    // 这里写你的登录验证逻辑，比如调用Liferay的UserLocalService
    boolean loginSuccess = false;
    try {
        // 示例：用Liferay自带的登录方法
        String emailAddress = ParamUtil.getString(actionRequest, "emailAddress");
        String password = ParamUtil.getString(actionRequest, "password");
        
        ThemeDisplay themeDisplay = (ThemeDisplay) actionRequest.getAttribute(WebKeys.THEME_DISPLAY);
        loginSuccess = PortalUtil.login(
            actionRequest,
            actionResponse,
            emailAddress,
            password,
            false,
            themeDisplay.getCompany().getWebId()
        );
    } catch (Exception e) {
        // 处理登录异常
        actionRequest.setAttribute("loginError", "Invalid credentials");
    }
    
    if (loginSuccess) {
        // 登录成功，跳转到成功页面（用来执行关闭弹窗的JS）
        actionResponse.setRenderParameter("mvcPath", "/login_success.jsp");
    } else {
        // 登录失败，回到登录页面显示错误
        actionResponse.setRenderParameter("mvcPath", "/login.jsp");
    }
}

步骤2：登录成功页面添加关闭弹窗的JS #

创建login_success.jsp，里面只需要写一段JS，通知父页面关闭当前的模态框：

<script type="text/javascript">
    // 获取当前的Liferay模态框实例并关闭
    const modal = window.parent.Liferay.Util.getModal();
    if (modal) {
        modal.hide();
        // 可选：登录成功后刷新父页面，或者跳转到指定页面
        window.parent.location.href = window.parent.location.href;
    }
</script>

这样登录成功后，弹窗会执行这段JS，通知父页面关闭模态框，而不是在弹窗内部重定向。

不管你用原生登录还是自定义登录，都可以在你的Portlet页面里监听Liferay全局的loginSuccess事件，只要登录成功就关闭当前弹窗：

// 放在你的Portlet的JSP里
Liferay.on('loginSuccess', function() {
    const modal = Liferay.Util.getModal();
    if (modal) {
        modal.hide();
    }
});

这个方法的好处是，不管登录请求是从哪里发起的，只要Liferay触发了登录成功事件，就会自动关闭当前打开的模态框，兼容性很强。

内容的提问来源于stack exchange，提问作者stiemannkj1