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 >