JSF是基于MVC的网络开发技术，是一种基于事件驱动的开发框架。<table border="0" align="left" class=ppc_download_ad_frame cellspacing=0 cellpadding=0 width="1%" style="margin-top:10px;margin-right:7px;margin-bottom:3px;margin-left:0px">
<tr>
<td id=a><img height=9 width=9></td>
<td id=b width="100%"><img height=1 width=1></td>
<td id=c><img height=9 width=9></td>
</tr>
<tr>
<td id=d><img height=1 width=1></td>
<td id=e valign=top height="100%"><!-- frame contents -->
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td><div id="w_hzh"></div></td>
</tr>
</table>
<!-- /frame contents --></td>
<td id=f><img height=1 width=1></td>
</tr>
<tr>
<td id=g><img height=9 width=9></td>
<td id=h><img height=1 width=1></td>
<td id=i><img height=9 width=9></td>
</tr>
</table>在开发网络应用的过程中，我们需要将网络应用分为一些类，它们代表了事务数据和逻辑（the Model,包括乘客、飞机场、飞机、座位等等），用户界面接口（the View,包括飞机起飞输入字段区域、机场飞机列表等等），以及将逻辑和用户界面绑定在一起的代码（the Controller）。<br /> 下面介绍一个最简单的基于JSF应用的开发，从中可以了解到JSF开发的基本过程。这个应用中包含一个表单，用户可以在这个表单里输入email地址，并且可以从一个列表目录中选择自己感兴趣的时事通讯（我不知道怎么贴图，刚才试了一下不行，等我知道了再把图贴上来），最后还有一个确定按钮。当用户确认自己在表单中输入的信息时，email地址和选择的时事通讯项将被保存到<a class="link_keyword" href="http://www.qqread.com/database/" target="_blank">数据库</a>中，该应用的其它部分将使用这些信息来发送时事通讯到用户的信箱，在这里我们并不考虑这些。<br /><br /> 网络应用的开发主要是后台程序的开发，换句话说，就是控制事务逻辑和数据的类。对于时事通讯预订表单这个应用而言，我们需要一个Subscriber类来保存subscriber信息。<br /><br /> 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); }}<br /><br /> 当预订被确定更新的时候，信息需要被保存到数据库，但在这里，我们并没有将数据保存到数据库，而是使用System.out将保存的结果输出。当用户确认自己输入信息的时候，我们需要一个类来监听save动作，当save动作发生时就调用该方法保存信息。<br /><br /> 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"; }}<br /><br /> 除此之外，我们还要写入faces-config.XML配置文件，具体如下：<br /><br /><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><br /><br /> 最后就是subscribe.JSP页面文件代码编写，即用户视图部分，当<a class="link_keyword" href="http://www.qqread.com/hardware/server/index.html" target="_blank">服务器</a>运行起来后，在<a class="link_keyword" href="http://www.qqread.com/keywords/net-browse.html" target="_blank">网页浏览</a>器中可以看到网页界面。<br /><br /><%@ 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><a class="font_12" title="在这里你会得到众多高手的技术帮助" href="http://group.qqread.com" target="_blank">进入讨论组</a>讨论。
<div class="left_6"> <img src="http://www.qqread.com/2007css/dian_1.gif" alt="更多专题" width="11" height="9" /> <span class="font_4">【深 度 阅 读】</span> 相 关 文 章
<div class="left_6_1_1">·<a class="link_relative" href="/oracle/2006/08/y662188052.html" title="磁盘阵列(Disk Array)原理" target="_blank">磁盘阵列(Disk Array)原理</a></div>
<div class="left_6_1_2" id="fox"></div>
</div>
</div>
