如何在登录时显示带有欢迎信息的通知



我想使用一个名为Notification bar的primefaces工具在用户登录时显示欢迎消息。问题是,我不知道如何触发它,只有登录是成功的(如果错误的密码不应该显示),也要显示,即使我重定向到另一个页面。

我的登录页面是这样的:

<ui:composition template="WEB-INF/templates/BasicTemplate.xhtml">
    <!-- THE REGISTRATION FORM -->
    <ui:define name="loginForm">
       <h2>Login page</h2>
       <h:form>
       <p:panel>                
                    <h:outputText value="*Em@il:" />
                    <h:inputText id="email" value="#{securityController.email}" binding="#{emailComponent}"/>                   
                    <br/>
                    <h:outputText value="*Lozinka: " />
                    <h:inputSecret id="password" value="#{securityController.password}" validator="#{securityController.validate}">                     
                        <f:attribute name="emailComponent" value="#{emailComponent}" />
                    </h:inputSecret>            
                    <br/>
                    <span style="color: red;"><h:message for="password"
                    showDetail="true" /></span> 
                    <br/>
                    <h:commandButton value="Login" action="#{securityController.logIn()}" onclick="topBar.show()"/>                 
                </p:panel>
            </h:form>   
    </ui:define>
</ui:composition>

这是执行重定向的托管bean的方法:

@ManagedBean
@RequestScoped
public class SecurityController {
    @EJB
    private IAuthentificationEJB authentificationEJB;       
    public String logIn() {     
        if (authentificationEJB.saveUserState(email, password)) {               
            return "main.xhtml";
        } else {
            return null;
        }
    }

通知栏位于所有页面使用的模板中(BasicTemplate.xhtml):

<f:view contentType="text/html">
    <h:head>
        ...
    </h:head>
    <h:body>
        ...     
        <p:notificationBar position="top" widgetVar="topBar" styleClass="top">
            <h:outputText value="Welcome, you are now logged in!"
                style="color:#FFCC00;font-size:36px;" />
        </p:notificationBar>
    </h:body>
</f:view>

我希望它只在用户正确登录时出现一次(如果else块被执行,它不应该出现)。

我怎样才能做到这一点?

更新

更改了logIn()方法:

public String logIn() {
        if (authentificationEJB.saveUserState(email, password)) {
            // Pass a parameter in ussing the URL.(The notification bar will
            // read this parameter)
            return "main.xhtml?faces-redirect=true&login=1";
        } else {
            return null;
        }
    }

添加到main.xhtml

 <ui:composition template="WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="mainForm">      
        <h2>The main page</h2>
        <script type="text/javascript">
          jQuery(function() {
          topBar.show()
           });
         </script>          
        <p:notificationBar id="notbar" position="top" widgetVar="topBar" styleClass="top" rendered="#{param.login == 1}">
            <h:outputText value="Welcome, you are now logged in!"
                style="color:#FFCC00;font-size:36px;" />
        </p:notificationBar>
    </ui:define>
</ui:composition>

main.xhtml中包含p:notificationBar(将其从模板中删除),并将以下javascript添加到main.xhtml:

<script type="text/javascript">
     jQuery(function() { topBar.show() });
</script>

这将在页面加载时显示该栏。如果我没看错你的代码,main.xhtml只有在成功登录后才会显示。

相关内容

  • 没有找到相关文章

最新更新