JSF是基于MVC的网络开发技术，是一种基于事件驱动的开发框架。在开发网络应用的过程中，我们需要将网络应用分为一些类，它们代表了事务数据和逻辑（the Model,包括乘客、飞机场、飞机、座位等等），用户界面接口（the View,包括飞机起飞输入字段区域、机场飞机列表等等），以及将逻辑和用户界面绑定在一起的代码（the Controller）。 下面介绍一个最简单的基于JSF应用的开发，从中可以了解到JSF开发的基本过程。这个应用中包含一个表单，用户可以在这个表单里输入email地址，并且可以从一个列表目录中选择自己感兴趣的时事通讯（我不知道怎么贴图，刚才试了一下不行，等我知道了再把图贴上来），最后还有一个确定按钮。当用户确认自己在表单中输入的信息时，email地址和选择的时事通讯项将被保存到数据库中，该应用的其它部分将使用这些信息来发送时事通讯到用户的信箱，在这里我们并不考虑这些。
网络应用的开发主要是后台程序的开发，换句话说，就是控制事务逻辑和数据的类。对于时事通讯预订表单这个应用而言，我们需要一个Subscriber类来保存subscriber信息。
package com.mycompany.newsservice.models;
public class Subscriber {
private String emailAddr;
private String[] subscriptionIds;
public String getEmailAddr( ) {
return emailAddr;
}
public void setEmailAddr(String emailAddr) {
this.emailAddr = emailAddr;
}
public String[] getSubscriptionIds( ) {
return subscriptionIds;
}
public void setSubscriptionIds(String[] subscriptionIds) {
this.subscriptionIds = subscriptionIds;
}
public void save( ) {
StringBuffer subscriptions = new StringBuffer( );
if (subscriptionIds != null) {
for (int i = 0; i < subscriptionIds.length; i++) {
subscriptions.append(subscriptionIds[i]).append(" ");
}
}
System.out.println("Subscriber Email Address: " + emailAddress +
"\nSubscriptions: " + subscriptions);
}
}
当预订被确定更新的时候，信息需要被保存到数据库，但在这里，我们并没有将数据保存到数据库，而是使用System.out将保存的结果输出。当用户确认自己输入信息的时候，我们需要一个类来监听save动作，当save动作发生时就调用该方法保存信息。
import com.mycompany.newsservice.models.Subscriber;
public class SubscriberHandler {
private Subscriber subscriber;
public void setSubscriber(Subscriber subscriber) {
this.subscriber = subscriber;
}
public String saveSubscriber( ) {
subscriber.save( );
return "success";
}
}
除此之外，我们还要写入faces-config.xml配置文件，具体如下：
<faces-config>
...
<managed-bean>
<managed-bean-name>subscr</managed-bean-name>
<managed-bean-class>
com.mycompany.newsservice.models.Subscriber
</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
<managed-bean>
<managed-bean-name>subscrHandler</managed-bean-name>
<managed-bean-class>
com.mycompany.newsservice.handlers.SubscriberHandler
</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
<managed-property>
<property-name>subscriber</property-name>
<value>#{subscr}</value>
</managed-property>
</managed-bean>
...
</faces-config>
最后就是subscribe.jsp页面文件代码编写，即用户视图部分，当服务器运行起来后，在网页浏览器中可以看到网页界面。
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<title>Newsletter Subscription</title>
</head>
<body>
<f:view>
<h:form><table><tr> <td>Email Address:</td><td><h:inputText value="#{subscr.emailAddr}" />
</td>
</tr>
<td>
<td>News Letters:</td>
<td>
<h:selectManyCheckbox value="#{subscr.subscriptionIds}">
<f:selectItem itemValue="1" itemLabel="JSF News" />
<f:selectItem itemValue="2" itemLabel="IT Industry News" />
<f:selectItem itemValue="3" itemLabel="Company News" />
</h:selectManyCheckbox>
</td>
</tr>
</table>
<h:commandButton value="Save"
action="#{subscrHandler.saveSubscriber}" />
</h:form>
</f:view>
</body>
</html>
