一个基于JSF技术的简单示例(部分翻译)

类别:Java 点击:0 评论:0 推荐:
    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>

本文地址:http://com.8s8s.com/it/it10406.htm