JSF入门_追浪

   从这个页面可以看出，jsf 就是用他自己的UI组件代替了html标签，又加了些特有的属性，很容易理解，值得注意的是，所有组件都要定义在之内，熟悉jsp的可能对”#{helloBean.numControls}“感觉很熟悉，不同的是这个是以”#“开头的，”binding“属性的值是个jsf el 表达式，它指定了helloBean类中的controlPanel方法可以直接对此组件进行操作，h:commandButton 是按钮组件，可以产生 action event, 他的 actionListener 属性制定了用helloBean类中的addControls方法来处理这个action event，其他的都比较容易理解，来看下个页面。

   //goodbye.jsp 保存在根目录下

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

 
  
   
  
  
   
   

       style="font-family: Arial, sans-serif; font-size: 24;
    font-style: bold; color: green;"/>
   

   这个页面更简单，只是一些输出。

   在 hello.jsp goodbye.jsp 中都通过 jsf el 表达式引用了一个 backing bean, 叫 helloBean, 他包括了我们这个应用所需的一切

   //HelloBean.java 保存在 src 下
package org.jia.hello;

import javax.faces.application.Application;
import javax.faces.component.html.HtmlOutputText;
import javax.faces.component.html.HtmlPanelGrid;
import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;
import java.util.List;

public class HelloBean
{
 private int numControls;
 private HtmlPanelGrid controlPanel;

 public int getNumControls()
 {
  return numControls;
 }
 public void setNumControls(int numControls)
 {
  this.numControls = numControls;
 }
 public HtmlPanelGrid getControlPanel()
 {
  return controlPanel;
 }
 public void setControlPanel(HtmlPanelGrid controlPanel)
 {
  this.controlPanel = controlPanel;
 }
 public void addControls(ActionEvent actionEvent)
 {
  Application application = FacesContext.getCurrentInstance().getApplication();
  List children = controlPanel.getChildren();
  children.clear();
  for (int count = 0; count < numControls; count++)
  {
   HtmlOutputText output = (HtmlOutputText)application.createComponent(HtmlOutputText.COMPONENT_TYPE);
   output.setValue(" " + count + " ");
   output.setStyle("color: blue");
   children.add(output);
  }
 }
 public String goodbye()
 {
  return "success";
 }
}

   jsf 的 backing bean 很简单，不需要继承于某个特定类，只是一个包含事件处理方法的javabean
  
   这里面最复杂的就是 addControls 方法了，它是一个 action listener 方法，因为他接收了一个唯一的参数 ActionEvent，在 hello.jsp 中：”“，这句话告诉 jsf，当用户点击"Redisplay"按钮时jsf会用这个方法来处理 action event

   goodbye方法象 addControls 一样，是 event listener 的一种类型，但他是于 jsf 的导航系统联系起来的，所以他的工作就是返回一个字符串或逻辑输出，这样导航系统就可以决定下一个要加载的页面，这一类的方法叫做 action methods. 在 hello.jsp 中：”“，当用户点击”Goodbye“按钮时，goodbye方法会被执行，他只是返回"success"，在配置文件中这个输出与某个页面相联系，下面就来看看配置文件faces-config.xml

   //faces-config.xml

"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
"http://java.sun.com/dtd/web-facesconfig_1_0.dtd">

 
  The one and only HelloBean.
  helloBean
  org.jia.hello.HelloBean
  session
 
 
  Navigation from the hello page.
  /hello.jsp
  
   success
   /goodbye.jsp
  
 

   jsf 象大多数框架一样，有一个配置文件，在之中你可以定义 导航规则、初始化javabean、注册你自己的jsf组件、验证器，和一些面向jsf应用其他方面的其他配置
   在这个配置文件中定义了一个bean, 指定了他的名字（这个名字就是我们在页面中使用的名字），类全名，和使用范围。还定义了一个导航规则，hello.jsp有一个”Goodbye“按钮转到其他页，所以只有一个单独的navigation-case，当输出为”success"时，就会显示goodbye.jsp。

   现在我们已经写完了页面，backing bean, 和配置文件，下面写完web.xml后就可以看到效果了

   //web.xml

"http://java.sun.com/dtd/web-app_2_3.dtd">

 hello world
 
  Welcome to JavaServer Faces.
 
 
  Faces Servlet
  javax.faces.webapp.FacesServlet
  1
 
 
  Faces Servlet
  /faces/*
 
 
  faces/hello.jsp
 

   FacesServlet 是做jsf 应用是一定要指定的，还设了默认页为 hello.jsp.

   运行build, 启动web server, 在地址栏中打入应用地址，看到刚刚写的应用了吧，通过实际效果结合代码，相信我们已经对jsf 已经有一个基本认识了。

http://www.zhuoda.org/irini/58867.html