第一个JSF程序——Hello World！（maven+eclipse4）

开始做一个小的JSF程序。

主要用到的工具及软件有：

• Eclipse Java EE IDE（Version: Juno Release）
• apache-tomcat-6.0.35
• m2eclipse(1.1.0.201205300009)
• jdk1.7.0_05

helloworld主要实现用户输入名字，然后单击Say hello to按钮或回车，下面相应显示"Hello xxx!"。下面是开发的主要步骤（默认jdk、tomcat、maven等已经配置好了。）：

 

（1）新建一个maven项目。File>New>Other>Maven>Maven Project;在弹出的对话框中勾选Create a simple project选项，其他保持默认。next。输入GroupId、AtifactId、Packaging、name等。例如GroupId:com.wsong.simples;ArtifactId:hello-world;Packaging选择war;name:helloworld。ok！Finish！

 

（2）现在创建的maven项目还不是一个web project，需要转换成eclipse支持的Dynamic Web Project。在hello-world项目上右击>properties>Project Facets>Convert to faceted form>勾选Dynamic Web Module。OK！可以看到项目中多了几个依赖包和一个叫WebContent的文件夹。这已经是eclipse web project的文件结构了，但还不是tomcat的文件结构。

    

    首先要改一下项目的加载路径，在项目上右击properties>Deployment Assembly,在右边删掉source 为/WebContent的一行。Add>Folder>src下面的webapp。Finish。

    还有就是我们希望把将来maven管理的依赖包也加载到tomcat中，加载到tomcat哪里呢？当然是lib下。好的，继续Add>Java Build Path Entries>Maven Dependencies。Finish!我们看到Deploy Path一栏中自动填入了WEB-INF/lib。如下图所示。

 

    好了，现在就可以删掉WebContent文件夹了。并且在webapp下面新建folder:WEB-INF。在WEB-INF中新建web.xml。在webapp中新建一个helloworld.xhtml。

    现在我们就得到一个符合tomcat要求的目录结构的web project。

 

（3）为项目添加JSF依赖包。pom.xml如下：

 
 
  org.glassfish 
  javax.faces 
  2.1.10 
  
   

 

 

 

（4）web.xml,如下：

 Faces Servlet 
 javax.faces.webapp.FacesServlet 
 1 
 
 
 Faces Servlet 
 *.xhtml 
 

 

 

 

（5）src/main/java下面新建一个class。com.wsong.simples.jsf.hello.HelloWorld.java。代码如下：

package com.wsong.simples.jsf.hello; 
import javax.faces.bean.ManagedBean; 
import javax.faces.bean.SessionScoped; 
@ManagedBean(name="hello") 
@SessionScoped 
public class HelloWorld implements java.io.Serializable{ 
    private static final long serialVersionUID = 2670923978809388476L; 
    private String name; public String getName(){ 
        if(this.name == null){ 
           return "World"; 
        } 
        return name; 
    } 
    public void setName(String name){ 
        this.name = name; 
    } 
} 

 

 

 

 

 

 

 

 

 

 

 

 

（6）helloworld.xhtml,如下：

 
 

 
 
 
  
 

 
 

  

 Hello,#{hello.name}! 
   
 

 

 

 

 

 

至此，这个小项目就完成了，可以添加到server中运行，也可以run as>build path...>输入clean install打包运行。