JSF 基础知识

面列出的是JSF中关键的八个术语：

术语名称	解释
UI组件	一个有状态的对象，由服务器控制，提供了与最终用户交互的专用函数，UI组件是一个包含属性，方法和事件的JavaBean。他用于视图部分，也就是页面中的一系列组件。
装饰器（Renderer）	负责装饰一个或多个UI组件，同时一个UI组件可以使用多个装饰器。
校验器（Validator）	用于校验用户输入组件的值是合法的，一个UI组件上可以使用一个或多个校验器。
支持Bean（Backing beans）	这是一个专用的Bean，他负责收集UI组件的值，并实现监听事件方法。他同时还控制着UI组件的引用。
转换器（Converter）	把UI组件的值转换成可以显示的字符串，一个UI组件只有一个转换器。
事件和监听器	JSF使用了JavaBean的事件/监听模式（就像Swing中的那样）UI组件产生一个事件，监听器负责注册并处理这些事件。
消息	回显给用户的信息。比如支持Bean校验器转换器等反馈的消息，或者返回给用户的错误消息。
导航	提供了从一个页面跳转到另一个页面的能力，JSF有一个强大的集成在事件监听器中的导航系统。

 1.

 可以直接绑定组件到后台bean属性，以便该组件能够在Java代码中被操作。某些工具在产生后台bean类时，可以自动完成这个工作。如下所示：

 

 

    <p>
                    名称:
                    <h:inputText value="#{user.name}" id="name"
                        valueChangeListener="#{user.s}" binding="#{user.ui}" title="kkkkkkk" onmouseout="document.forms.form['form:name'].value='nihao'">
                     <f:validateLength maximum="5" minimum="3"></f:validateLength>
                    </h:inputText>
                    <h:messages  styleClass="errors"  ></h:messages>
                </p>
                <p>
                    <h:outputText value="#{user.date}">
                        <f:convertDateTime dateStyle="short"></f:convertDateTime>
                    </h:outputText>

                </p>
                <p><h:outputFormat value="this is my first output format.{0,choice,0#format0|1#format1|2#format2}"><f:param value="#{user.num}"/></h:outputFormat></p>
                <br>
                <p>
                    密码:
                    <h:inputSecret value="#{user.password}" accesskey="k"></h:inputSecret>
                </p>
                
                <p>
                    <h:outputLabel for="name" rendered="true" value="#{user.name}">
                        <br>
                    </h:outputLabel>
                </p><p>
     <h:commandButton value="送出" action="#{user.verify}" />
     <f:verbatim escape="true">
      <application>

      <message-bundle>CustomMessages</message-bundle>

      <locale-config>

      <default-locale>en</default-locale>

      <supported-locale>en</supported-locale>

      <supported-locale>es</supported-locale>

      </locale-config>

      </application>
     </f:verbatim>
     </p>

//layout=“pageDirection” 竖着排列

<h:selectManyCheckbox id="newsletters" layout="pageDirection"
>
                        <f:selectItem itemValue="1" itemLabel="item1" />
                        <f:selectItem itemValue="2" itemLabel="item2" />
                        <f:selectItem itemValue="3" itemLabel="item3" />
                    
                    </h:selectManyCheckbox>