爪哇一角

共同探讨STRUTS#HIBERNATE#SPRING#EJB等技术
posts - 3, comments - 6, trackbacks - 0, articles - 99
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

一 一个简单的JSF程序

Posted on 2009-01-20 14:46 非洲小白脸 阅读(420) 评论(0)  编辑  收藏 所属分类: JSF

首先要到JSF官网上下载参考实例,并将其lib目录下的jar文件复制到你的应用程序/WEB-INF/lib目录下。

这里我已经下载好了,在示例src的lib目录下可以找到。

需要一下档案:

 jsf-impl.jar
 jsf-api.jar
 commons-digester.jar
 commons-collections.jar
 commons-beanutils.jar
 jstl.jar

 standard.jar

 

配置Web应用程式的web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app id="WebApp_ID" version="2.4"

       xmlns="http://java.sun.com/xml/ns/j2ee"

       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

       xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

       <description>JSF Test</description>

       <display-name>JSF Test</display-name>

       <servlet>

              <servlet-name>Faces Servlet</servlet-name>

              <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

              <load-on-startup>1</load-on-startup>

       </servlet>

 

       <servlet-mapping>

              <servlet-name>Faces Servlet</servlet-name>

              <url-pattern>*.faces</url-pattern>

例如请求是/index.faces的话,则实际上会唤起/index.jsp网页

 
       </servlet-mapping>

 

       <welcome-file-list>

              <welcome-file>index.html</welcome-file>

       </welcome-file-list>

</web-app>

 

写一个简单的JavaBean:

具体程序参看示例程序:jsfTest\src\test\UserBean.java,编译好之后放置在/WEB-INF/classes下。

再登入网页/pages/index.jsp,使用者填入名称并送出表单,在/pages/welcome.jsp中显示Bean中的使用者名称与欢迎讯息。

定义一个/WEB-INF/faces-config.xml,

如下:

<!-- bean定义 -->

    <managed-bean>

        <managed-bean-name>user</managed-bean-name>

         <managed-bean-class>test.UserBean</managed-bean-class>

        <managed-bean-scope>session</managed-bean-scope>

关于javaBean的几种管理,在下面会有详细的说明。

 
    </managed-bean>

<!-- 画面转移 -->

    <navigation-rule>

        <from-view-id>/pages/index.jsp</from-view-id>

        <navigation-case>

            <from-outcome>success</from-outcome>

            <to-view-id>/pages/welcome.jsp</to-view-id>

        </navigation-case>

        <navigation-case>

            <from-outcome>failure</from-outcome>

            <to-view-id>/pages/index.jsp</to-view-id>

        </navigation-case>

    </navigation-rule>

 

配置文件:

<navigation-rule>设定,以决定在符合的条件成立时,该连结至哪一个页

<navigation-rule>中的<from-view-id>是个选择性的定义,它规定了来源页面的条件

<navigation-case>中定义各种导览条件

<from-outcome>定义当表单结果符合的条件

<managed-bean>中我们可以统一管理我们的Bean,我们设定Bean物件的存活范围是session,也就是使用者开启浏览器与程式互动过程中都存活。

Index.jsp

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

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

 <%@page contentType="text/html;charset=utf-8"%>

 <html>

 <head>

 <title>第一个JSF程序</title>

 </head>

 <body>

    <f:view>

        <h:form>

            <h3>请输入您的名称</h3>

            名称: <h:inputText value="#{user.name}"/><p>

            <h:commandButton value="送出" action="success"/>

        </h:form>

    </f:view>

 </body>

</html>

 

将程序放入到Tomcat中启动,敲入http://localhost:8080/jsfDemo/pages/index.faces就可以显示欢迎页面了。

 


只有注册用户登录后才能发表评论。


网站导航: