首页 > 开发 > 综合 > 正文

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

2024-07-21 02:14:13
字体:
来源:转载
供稿:网友
    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>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表