【问题标题】:How to conditionally render content in same page? [duplicate]如何有条件地在同一页面中呈现内容? [复制]
【发布时间】:2013-09-11 22:07:43
【问题描述】:

我有一个Home.xhtml 页面,其中的部分 中有登录表单。用户输入用户名和密码并登录到页面。我想显示同一页面但删除登录表单但显示“欢迎用户名”和注销链接。如何使用 JSF 2.1 做到这一点?

【问题讨论】:

  • 使用一个有标题和正文(或类似内容)的模板。在标题中,您将有条件地显示带有登录表单的页面或带有登录用户信息的页面。
  • 条件语句的放置位置和方式?

标签: jsf rendering conditional


【解决方案1】:

这是我的模板:

<?xml version='1.0' encoding='UTF-8' ?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:ui="http://java.sun.com/jsf/facelets"
          >

        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <h:outputStylesheet name="default.css" library="css"></h:outputStylesheet>
            <title><ui:insert name="title" /></title>
        </h:head>

        <h:body>
<ui:insert name="body"></ui:insert>

        </h:body>
    </html>

并在您的Home.xhtml 中声明以下声明:

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/template/templatePage.xhtml">

    <ui:define name="title">
        Login
    </ui:define>

    <ui:define name="body">

Here is 一个更好的例子。

【讨论】:

  • 是的,我了解模板的使用,但是如何在需要的条件下显示某个模板。例如,有一个登录表单,如果登录验证,则显示带有用户链接和注销链接的模板,否则,将显示以前的带有登录表单的模板。
  • 我现在明白你想做什么了。 @BalusC 有正确的渲染方式。您只需要创建一个首先验证用户名和代码的授权 bean(@ManagedBean@Named)。管理此授权的一种可能性是当用户名和代码正常时,bean 将您的布尔字段调整为 true...
【解决方案2】:

您可以使用“rendered”属性来显示或隐藏您的元素。例如:

<h:componentContainingTheSignInForm rendered="#{not bean.signedIn}">
    signInForm...
</h:componentContainingTheSignInForm>

<h:componentToShowAfterSignIn rendered="#{bean.signedIn}">
    Welcome...
</h:componentToShowAfterSignIn>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-07
    • 1970-01-01
    • 2021-06-04
    • 1970-01-01
    • 1970-01-01
    • 2021-03-01
    • 1970-01-01
    相关资源
    最近更新 更多