【转】JSF之环境配置 （JDK6 update3 + Eclipse 3.3 + Tomcat 6.0 + JSF1.2）

http://apps.hi.baidu.com/share/detail/31937357

第一步： 下载安装 JDK 6 Update 3     

http://java.sun.com/javase/downloads/index.jsp

JDK 6 Update 3

The Java SE Development Kit (JDK) includes the Java Runtime Environment (JRE) and command-line development tools that are useful for developing applets and applications.

-----------------------------------------------------------------------------

第二步： 下载安装 Eclipse IDE for Java EE Developers

http://www.eclipse.org/downloads/

Eclipse IDE for Java EE Developers - Windows (125 MB)
我是用的最新的3.3版本，这个版本需要Java 5 (or higher) required.

----------------------------------------------------------------------------------------

第四步： 下载安装Tomcat 6.0

http://tomcat.apache.org/

Tomcat 6.0

启动之后，可以在浏览器中打开 http ://localhost:8080 网页，在manager页面可以对 服务器进行管理，可以直接导入 *.war 文件进行网站发布，很方便。

-------------------------------------------------------------------------------------------

第五步: 下载安装JavaServer Faces Technology 1.2

http://java.sun.com/javaee/javaserverfaces/download.html

解压之后可以在lib 目录下找到 jsf-impl.jar和 jsf-api.jar 两个库文件。

稍后需要把这两个文件复制到 tomcat安装目录下的lib文件夹中，或者放在自己网站的WEB-INF/lib   文件夹，才能支持JSF应用。

安装之后有很多JSF使用文档，值得看看。

注意: 请根据上面网页上提供的链接下载最新版本的JSF库，我一开始用的是旧版本的， 结果就碰到“The method setVar(String) in the type DataTableTag is not applicable for the arguments (JspValueExpression)”   这个dataTable标签的bug，后来下载这里的最新版就没有问题了。

https://javaserverfaces.dev.java.net/servlets/ProjectDocumentList?folderID=7515&expandFolder=7515&folderID=8174

-------------------------------------------------------------------------------

第六步：下载安装JSTL 标签库

http://java.sun.com/products/jsp/jstl/

JSTL 标签库 ， JSF的实现依赖JSTL，所以也需要安装JSTL

JSTL 1.2 is part of the Java EE 5 platform.

其实就是这个开源项目 http://jakarta.apache.org/taglibs/doc/standard-doc/intro.html
到这里下载实现库 http://www.apache.org/dist/jakarta/taglibs/standard/

如果要使用JSTL，则必须将jstl.jar和 standard.jar文件放到classpath中。

同样要把这两个库文件放到自己网站的WEB-INF/lib   文件夹，才能支持JSF应用。

 

Eclipse中可视化创建JSF网页，参考这两篇文章，说的很详细了：

http://www.eclipse.org/webtools/community/tutorials/BuildJ2EEWebApp/BuildJ2EEWebApp.html
http://www.eclipse.org/webtools/jsf/dev_resource/JSFTutorial-M5/JSFTools_milestone5_tutorial.html

如果你连那两篇文章都懒得看了，可以看有人在CSDN blog写的简易说明：

先下载JavaEE开发的eclipse的版本，不需要任何插件，你就开始可视化的jsf开发了，下面开始配置。
第一步：点击Window-->Preferences菜单，展开Web and XML-->JavaServer Faces Tools。
选择Libraries，看到左边的New...按钮了吗？点击开始配置吧。Library Name，给你的JSF库起一个名称吧。
最下面的Is JSF Implementation了吗？选上。使用Add...按钮将你的JSF实现的jar文件都加入进来。然后就可以
Finish了。
第二步：新建Dynamic Web Project工程，第二步可以选中JavaServer Faces了。工程建好以后新建一个jsp文件。
是不是没有可视化的JSF界面呢？右键点击jsp文件，选择Open With-->Web Page Editor。看到新的视图了吧。点击左上的Palette，看到JSF Core了吧，可以拖到页面上面看看了。
第三步：每次都用open with是不是太麻烦了，点击Window-->Preferences菜单，展开General-->Editors-->File Associations。将jsf，jsp这些文件都关联到Web Page Editor，方法就是选中Web Page Editor，点击Default按钮即可。
现在你可以享受JSF的好处了。

在Web Page Editor 中，右击元素既可以弹出 “属性窗体”，在那里可以方便的对网页控件属性进行编辑。

 

 

 

 

 

 

 

------------------------------------------------------------------------------------------------------------------

在网上可以找到一本 电子版的图书 《Java.Server.Faces编程(中文).pdf 》

其他网上资源：

Sun 公司的JSF文档http://java.sun.com/javaee/5/docs/tutorial/doc/bnaph.html

Java● 咖啡馆 -- JSF中文论坛 http://www.hexiao.cn/jsf/

Java Server Faces Resources http://www.jamesholmes.com/JavaServerFaces/

JSF Tutorial   http://www.coreservlets.com/JSF-Tutorial/

 

 

 

=======================================================================

 

创建一个简单的例子：

创建一个JSF工程，把前面说的JSF和JSTL的四个×.jar库文件复制过来放到 自己项目的WEB-INF/lib文件中，再按一下F5刷新一即可。如图

 

 

 

 

 

 

 

 

 

 

 

web.xml 文件内容，由 eclipse自动生成

-----------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
<display-name>widebright</display-name>
<welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
</welcome-file-list>
<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>
</servlet-mapping>


</web-app>

-------------------------------------------------------------------------

faces-config.xml 内容由 程序自动生成

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

<faces-config
    xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"
    version="1.2">
   
    </faces-config>
-----------------------------------------------------------------------

index.jsp 网页内容

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>widebright</title>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<body bgcolor="white">
   <f:view locale="zh">
     <h:form>
      <div><h:outputText styleClass="subtitle" value=" good good study , day day up ^_^   , coypright by widebright"/></div>
     </h:form>

<h:form>
   <h:commandButton value="好好学习,天天向上"></h:commandButton>
</h:form></f:view>

</body>

</html>

-------------------------------------------------------------------------------------------------------

一个简单的页面，注意第一句“<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>”

有了这句网页才能正常显示中文， 最好在Preferences 设置窗体中 "web-XML " -> "JSP files" 把默认的encoding改为 UTF-8.。

 

在 项目管理器 Project视图中右击index.jsp文件 选择run -》 run on server ，即可运行页面。

 

 

第一次运行，可能提醒你配置server，一路ok 选择机上安装的tomcat就行了。

运行以后效果如图：

 

 

 

 

 

 

 

下面有个server窗体，可以在那里启动关闭server。自己看着办吧。