JSF - 复合组件

JSF复合组件 - 从简单和简单的步骤学习Java Server Faces（JSF），从基本到高级概念，包括概述，环境设置，体系结构，生命周期，第一个应用程序，托管Bean，页面导航，事件处理，Ajax，Basic标签，Facelets标签，转换器标签，验证标签，数据表，复合组件，JDBC集成，Spring集成，表达式语言和国际化。

JSF为开发人员提供了强大的功能来定义他们自己的自定义组件，可用于呈现自定义内容.

定义自定义组件

在JSF中定义自定义组件需要两个步骤.

Step	描述
1a	创建资源文件夹. 在具有复合命名空间的resources文件夹中创建一个xhtml文件.
1b	使用复合标签 composite:interface，composite:attribute 和 composite:实现，定义复合组件的内容.在 composite:implementation 中使用 cc.attrs 来使用 composite:interface 中的 composite:attribute 来定义变量.

Step

描述

创建资源文件夹.

在具有复合命名空间的resources文件夹中创建一个xhtml文件.

使用复合标签 composite:interface，composite:attribute 和 composite:实现，定义复合组件的内容.在 composite:implementation 中使用 cc.attrs 来使用 composite:interface 中的 composite:attribute 来定义变量.

步骤1a:创建自定义组件:loginComponent.xhtml

在资源文件夹中创建一个it1352文件夹，并在其中创建一个文件loginComponent.xhtml.

在html标题中使用复合命名空间.

...

步骤1b:使用复合标签:loginComponent.xhtml

下表描述了复合标签的使用.

S.No	标签&描述
1	composite:interface 声明可在复合中使用的可配置值:implementation.
2	composite:attribute 使用此标记声明配置值.
3	composite:implementation 声明JSF组件.可以使用＃{cc.attrs.attribute-name}表达式访问composite:interface中定义的可配置值.

S.No

标签&描述

composite:interface

声明可在复合中使用的可配置值:implementation.

composite:attribute

使用此标记声明配置值.

composite:implementation

声明JSF组件.可以使用＃{cc.attrs.attribute-name}表达式访问composite:interface中定义的可配置值.

         #{cc.attrs.usernameLabel} :

使用自定义组件

在JSF中使用自定义组件是一个简单的过程.

Step	描述
2a	创建一个xhtml文件并使用自定义组件的命名空间.命名空间将是 http://java.sun.com/jsf/其中folder-name是包含自定义组件的资源目录中的文件夹
2b	使用自定义组件作为普通JSF标签

步骤2a:使用自定义命名空间:home.xhtml

   xmlns:tp = "http://java.sun.com/jsf/composite/it1352">

步骤2b:使用自定义标签:home.xhtml并传递值

示例应用程序

让我们创建一个测试JSF应用程序来测试JSF中的自定义组件.

Step	描述
1	在包 com.it1352.test 下创建一个名为 helloworld 的项目，如 JSF - First Application 章.
2	在 src → 下创建 resources* 文件夹;主*文件夹.
3	在 src&rarr下创建 it1352文件夹;主要 → 资源文件夹.
4	在 src → 下创建 loginComponent.xhtml* 文件;主要 → 资源 → it1352*文件夹.
5	修改 UserData.java 文件，如下所述.
6	修改 home.xhtml ，如下所述.保持其余文件不变.
7	编译并运行应用程序以确保业务逻辑按照要求运行.
8	最后，以war文件的形式构建应用程序并将其部署在Apache中Tomcat Webserver.
9	使用适当的URL启动您的Web应用程序，如下面最后一步所述.

loginComponent .xhtml

                                                                                                #{cc.attrs.usernameLabel} :                         #{cc.attrs.passwordLabel} :

UserData.java

package com.it1352.test; import java.io.Serializable;import javax.faces.bean.ManagedBean;import javax.faces.bean.SessionScoped;@ManagedBean(name = "userData", eager = true)@SessionScopedpublic class UserData implements Serializable {   private static final long serialVersionUID = 1L;   private String name;   private String password;      public String getName() {      return name;   }      public void setName(String name) {      this.name = name;   }      public String getPassword() {      return password;   }      public void setPassword(String password) {      this.password = password;   }      public String login() {      return "result";   }}

home.xhtml

            JSF tutorial                     Custom Component Example

完成所有更改后，让我们编译并运行应用程序，就像我们在JSF - First Application章节中所做的那样.如果你的应用程序一切正常，这将产生以下结果.

JSF自定义组件