码迷,mamicode.com
首页 > Web开发 > 详细

JSF入门

时间:2014-08-19 06:05:23      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   color   java   使用   os   

1. 简介

  • JSF技术是Sun公司在2004年发布的用于开发Web应用的框架。当前版本是2.2,由JSR344规范定义。它是Java EE 7推荐的Web标准框架。Mojarra(https://javaserverfaces.java.net/)是Oracle官方采用的JSF的参考实现,其他的参考实现还有Apache基金的MyFaces(http://http://myfaces.apache.org/)。
  • 受到Sturts、Tapestry等开源框架的影响,JSF是采用了MVC架构。
  • 受到Swing组件模型的启发,JSF使得开发人员从组件、事件、模型的角度开发web应用,而不用再管http请求和响应等背后的事情。

2. Hello JSF

  • 环境:JDK7 or JDK8 + Netbeans 8 + Glassfish 4
  • 开发过程:
    • 新建Java Web项目,选择Web应用程序
    • 输入项目名称hello-jsf
    • 修改上下文路径为hellojsf
    • 选择JavaServer Faces框架,然后点击下面的配置标签,确认使用的页面语言为Facelets
    • 点击完成
    • 右击hello-jsf项目,选择运行,Netbeans会自动启动Glassfish服务器并部署项目,启动完毕后会自动打开浏览器,并显示Hello from Facelets,该页面的地址为localhost:8080/hellojsf
  • 添加功能
    • 将index.xhtml中的Hello from Facelets修改为Hello #{user.name}
    • 创建User类,代码如下:
    • package teaching.jsf;
      
      import javax.annotation.PreDestroy;
      import javax.enterprise.context.RequestScoped;
      import javax.inject.Named;
      
      @Named //等价于@Named("user")
      @RequestScoped
      public class User {
          private String name = "JSF";
      
          public String getName() {
              return name;
          }
      }

       

    •  保存代码后,Glassfish会对项目进行增量部署,或者你也可以再次运行项目。

    • 打开浏览器,输入localhost:8080/hellojsf,你将可以看到:Hello JSF
  • 代码解释
    • #{user.name}是一个EL表达式,用于或取user bean的name属性。
    • User类是一个CDI bean,它具备了CDI bean的一些特征:
      • Name为user,用来匹配页面中出现的EL表达式,如#{user.name}。默认情况下,Name为bean类的首字母小写后对应的名字,也可以通过@Named("myUser")来指定,这样页面中的EL表达式就要写成#{myUser.name}。
      • Scope为RequestScoped,表示服务器端的Web容器会在接收到http请求后,根据#{user.name}创建一个User实例,获取其name属性的值,生成html页面并发出http响应,然后销毁该user实例。
  • 项目配置文件
    • web.xml: 此项目的部署文件。为了使用JSF,必须声明一个类型为javax.faces.webapp.FacesServlet的Servlet,具体代码请参见web.xml。
      • 注意Faces Servlet的url-pattern为/faces/*,这样FacesServlet只接收来自匹配/faces/*的页面请求,也可以替换为*.xhtml、*.jsf或其他模式,但不能为/*或*。另外,faces只是个前缀,并不是物理文件夹。例如,在访问根据目录下的index.xhtml页面时,其对应的url为http://.../hellojsf/faces/index.xhtml,而不是http://.../hellojsf/index.xhtml。
      • 在web.xml中,还可以指定一个PROJECT_STAGE参数,表示你当前项目的状态。如果为Development,当出现错误时,JSF为显示更加详细的调试信息。当项目真正部署时,可以将此参数改为Production。
    • glassfish-web.xml: 定义与应用服务器相关的一些参数。在本例中,我们通过<context-root>指定项目根目录的名称。此文件由Netbeans自动生成,一般情况下不用修改。

3. 总结

  • 通过例1,我们可以知道JSF的工作原理:
    • 在服务器启动时,会启动一个Faces Servlet用来拦截用户请求。
    • 当我们请求index.xhtml页面时,相应的Http请求就会被FacesServlet所拦截,它会对此请求进行若干处理,其中一步就是创建一个User实例,并获取其name属性的值。处理结束后,生成对应的html页面,返回给客户端。然后销毁此User实例,因为其Scope为RequestScoped。当收到Http请求时被创建,当发送Http响应后被销毁,这就是User对象的生命周期。
    • 客户端(浏览器)接受由服务器端返回的Http响应并显示。
  • JSF是一个采用MVC架构的框架。在例1中,index.xhtml充当V的角色,FacesServlet充当C的角色,而User则充当M的角色。这三种角色划分得非常清楚,没有一点耦合。

 

JSF入门,布布扣,bubuko.com

JSF入门

标签:des   style   blog   http   color   java   使用   os   

原文地址:http://www.cnblogs.com/tcurjgc/p/JSF-intro-1.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!