谈笑有鸿儒,往来无白丁

在恰当的时间、地点以恰当的方式表达给恰当的人...  阅读的时候请注意分类,佛曰我日里面是谈笑文章,其他是各个分类的文章,积极的热情投入到写博的队伍中来,支持blogjava做大做强!向dudu站长致敬>> > 我的微博敬请收听

第一个 JSF 程序

开门第一篇,当然是要做一个 JSF 程序,增强点信心和兴趣吧,很简单的一个 welcome 程序,比 helloworld 高级一点吧,呵呵,

先做个基础,才好做后面的事嘛。

1. 首先从 SUN 网站下载 JSF1.1 :          http://java.sun.com/javaee/javaserverfaces/download.html 。由于 1.2 的支持

情况还不完善,建议使用 1.1 。

2. 用 eclipse 建立一个 web 项目,把下载的 ZIP 文件中的 LIB 中的 JAR 包复制到, WEB 项目的 LIB 下。

3. 在 WEB-INF 在建立两个文件,一个是 web.xml 用于配置 web 应用,另一个是 faces-config.xml 用于配置 jsf 的信息。首先

建立 WEB-INF 下的 web.xml 文件,主要是配置 jsf 的 servlet ,不详细说明了。
<? xml version="1.0" encoding="ISO-8859-1" ?>
 2 
 3   < web-app  xmlns ="http://java.sun.com/xml/ns/j2ee"
 4     xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance"
 5     xsi:schemaLocation ="http://java.sun.com/xml/ns/j2ee
 6     http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
 7     version ="2.4" >
 8 
 9      < description >
10         JSF Demo
11      </ description >
12      < display-name > JSF Demo </ display-name >
13      < servlet >
14          < servlet-name > Faces Servlet </ servlet-name >
15          < servlet-class >
16             javax.faces.webapp.FacesServlet
17          </ servlet-class >
18          < load-on-startup > 1 </ load-on-startup >
19      </ servlet >
20   
21      < servlet-mapping >
22          < servlet-name > Faces Servlet </ servlet-name >
23          < url-pattern > *.faces </ url-pattern >
24      </ servlet-mapping >
25   
26      < welcome-file-list >
27          < welcome-file > index.jsp </ welcome-file >
28      </ welcome-file-list >
29  </ web-app >
4.编写一个JavaBean,也就是一个managed-bean,它是JSF吹棒自己的一个优势:POJO对象,负责处理后台业务:
 <? xml version="1.0" ?>
 2  <! DOCTYPE faces-config PUBLIC
 3  "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
 4  "http://java.sun.com/dtd/web-facesconfig_1_0.dtd" >
 5 
 6  < faces-config >
 7      < navigation-rule > <! —- 导航规则-- >
 8          < from-view-id > /index.jsp </ from-view-id > <! —- 限定于此页的规则-- >
 9          < navigation-case >
10              < from-outcome > welcome </ from-outcome > <! —- action中使用的导航名称-- >
11              < to-view-id > /welcome.jsp </ to-view-id > <! —-要跳转到的目标-- >
12          </ navigation-case >
13      </ navigation-rule >
14       
15      < managed-bean >
16          < managed-bean-name > user </ managed-bean-name > <! —- bean的名称-- >
17           < managed-bean-class > <! —- bean 的类名-- >
18              jsf.bean.UserBean       
19   </ managed-bean-class >
20          < managed-bean-scope > session </ managed-bean-scope > <! —- bean的生命周期-- >
21      </ managed-bean >
22  </ faces-config >
5.编写index.jsp文件,里面有一个输入框,输入你的名称,点击提交,就跳转到welcome.jsp页面了。


 1  <!--     引入JSF核心库  -->
 2   <%  @taglib uri = " http://java.sun.com/jsf/core "  prefix = " f "   %>
 3  <!--    引入JSF html库 -->
 4   <%  @taglib uri = " http://java.sun.com/jsf/html "  prefix = " h "   %>
 5   <%  @page contentType = " text/html;charset=Big5 " %> 
 6  < html >
 7  < head >
 8  < title > 第一个JSF程序 </ title >
 9  </ head >
10  < body >
11      < f:view > <! —- 表明下面是JSF渲染的内容 -- >
12          < h:form > <! —- html库中的form , inputText,commandButton标签,相当于html标准中的<form > < input  type =

”text” >< button >  -->
13              < h3 > 您的名称: </ h3 >
14    <! —- 将输入的值保存到user bean的name属性 -- >
15              < h:inputText  value ="#{user.name}" />< p >
16              < h:commandButton  value ="提交"  action ="welcome" />
17    <!--   这里的 action=”welcome”

就是上面faces-config.xml中配置的navigation-rule,当点击提交时,就会跳转到welcome.jsp -->
18          </ h:form >
19      </ f:view >
20  </ body >
21  </ html >
22 
6. 编写welcome.jsp文件,用于显示一个欢迎提示信息。


 1   <%  @ taglib uri = " http://java.sun.com/jsf/core "  prefix = " f "   %>
 2   <%  @ taglib uri = " http://java.sun.com/jsf/html "  prefix = " h "   %>
 3   <%  @page contentType = " text/html;charset=Big5 " %> 
 4  < html >
 5  < head >
 6  < title > 第一个JSF程序 </ title >
 7  </ head >
 8  < body >
 9      < f:view >
10   <! —- 显示 user bean的 name属性 -- >
11          < h:outputText  value ="#{user.name}" />  您好!
12          < h3 > 欢迎进入JSF的世界 </ h3 >
13      </ f:view >
14  </ body >
15  </ html >
16  .把本项目(jsfdemo)部署到Tomcat5下,打开浏览器输入 http://localhost:8080/jsfdemo

 cannot find facescontext   

 

 或者你看看     WEB-INF/web.xml   中   Faces   Servlet   是   servlet-mapping   到哪个   url-pattern   

posted on 2007-03-10 21:40 坏男孩 阅读(1242) 评论(2)  编辑  收藏

FeedBack:
# re: JSF技术研究——第一个JSF程序
2007-03-11 22:45 | junglesong
项目中都用到了JSF了?   回复  更多评论
  
# re: JSF技术研究——第一个JSF程序
2007-03-12 09:37 | 坏男孩
@junglesong
一个哥们在东京问关于jsf的问题,我就随手找了一个例子看看  回复  更多评论
  

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


网站导航: