开始做一个小的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如下:
<dependencies>
<dependency>
<groupId>org.glassfish</groupId>
<artifactId>javax.faces</artifactId>
<version>2.1.10</version>
</dependency>
</dependencies>
(4)web.xml,如下:
<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>*.xhtml</url-pattern>
</servlet-mapping>
(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,如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>Hello World</title>
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description" content="A short description of this page." />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</h:head>
<h:body>
<h:form id="form">
<div style="padding: 100px 0 0 100px; font-size: 22px; font-weight: bold">
<h:commandButton value="Say Hello To" /> <h:inputText value="#{hello.name}" /><br></br> Hello,#{hello.name}! </div> </h:form> </h:body>
</html>
至此,这个小项目就完成了,可以添加到server中运行,也可以run as>build path...>输入clean install打包运行。
- 大小: 66.7 KB
分享到:
相关推荐
jsf 入门 helloWorld 带说明:http://blog.csdn.net/w420372197/article/details/7823038
JSF第一步--JSF+Spring+ Hibernate+AJAX编程实践 试读
这是一个最简单的jsf例子可以用myeclipse直接打开发布到tomcat下查看效果
本书内容主要包括三部分,第一部分介绍Java EE开发的基础知识,以及如何搭建开发环境;第二部分详细讲解了JSF RI、EJB 3的Session Bean等Java EE知识;第三部分提供了一个JSF+EJB 3+ JPA整合开发的项目:电子拍卖...
Maven 2 is a powerful tool that promotes convention over configuration and you need to integrate it into one of the popular integrated development environments (IDEs) called eclipse to make your work ...
这是在 eclipse+ tomcat7.0 +jdk1.7环境下编写的JSF第一个程序。可直接在eclipse下使用tomcat7.0服务器直接运行!
经典JAVA EE企业应用实战基于WEBLOGIC JBOSS的JSF+EJB 3+JPA整合开发——源码.part1 其他部分详见我的上传列表,全部分卷下载完成才能解压。 本书介绍了Java EE规范的三大主要规范JSF、EJB 3和JPA,其中JSF是Sun...
项目最小话配置,web maven项目,可以跑login.html。其他页面没有功能
学习jsf必须的资料,一定有帮助的。资料多多
J2EE教程: Struts+Spring+JSF+Hibermate+EJB+XML+WebService+Ajax 工35M分为3个部分.
JSF+Spring+Hibnate+Sql+ojdbc6 的jar包,自己本人找了很久才找齐的,留着备用,分享一下大家按需所取
Maven 2 is a powerful tool that promotes convention over configuration and you need to integrate it into one of the popular integrated development environments (IDEs) called eclipse to make your work ...
jsf分页的源码,很好用!详细源码 测试通过!
J2EE教程: Struts+Spring+JSF+Hibermate+EJB+XML+WebService+Ajax 工35M分为4个部分.
J2EE教程: Struts+Spring+JSF+Hibermate+EJB+XML+WebService+Ajax 工35M分为4个部分.前个写错了..不好意思..
非常好的一本JSF教材,经典中的经典~~英文比较好的来看看会受益匪浅的~~
J2EE教程: Struts+Spring+JSF+Hibermate+EJB+XML+WebService+Ajax 工35M分为4个部分.
确保已安装Eclipse Maven集成(m2e)。 (“帮助”->“关于”对话框中应该有m2图标)文件->...清洁SimpleSpringIPrimefaces 简单的应用程序jsf(primefaces)maven spring数据jpa spring test providerHibernatejunit
JSF的HelloWorld与新手一起分享,详细说明了简单的实现登录过程
正在学习JSF的对你会有所帮助的,里面有最基本的用方