我的第一个jsf的Sample

今天学了jsf，发现它入门真的很容易，而且写起来也很顺手，但是了解的不多，只是写了个小例子，所以也不好说太多，呵呵，总结一下吧。

先看到了一个文档，介绍jsf的，写的非常好。随后按照文档上的提示开始编代码。首先在官方网站上下载相关的jar包，可是没有jstl.jar和standard.jar，不知道为什么，也许是我下载的不对吧，后来在csdn上找到了(现在我也提供了这个资源，免费的)。

我手头上有eclipse3.0和tomcat5.0。新建了一个tomcat项目，导入相关的jar包，新建jsp页面，写入代码

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

 <%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

保存是提示出错，很无奈，后来在百度上搜索，终于找到了高手的解释，原来需要tomcat6才可以，相应的也要换eclipse。无奈下，下载tomcat6，eclipse3.3，还有tomcat的插件。这回可好了，一切正常。下面是代码，关于登录的。

1、首先需要改写web.xml

1. <?xml version="1.0" encoding="ISO-8859-1"?>
2.  <web-app xmlns="http://java.sun.com/xml/ns/j2ee"
3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
5.     http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
6.     version="2.4">
8.     <description>
9.         JSF Demo
10.     </description>
11.     <display-name>JSF Demo</display-name>
12.     <servlet>
13.         <servlet-name>Faces Servlet</servlet-name>
14.         <servlet-class>
15.             javax.faces.webapp.FacesServlet
16.         </servlet-class>
17.         <load-on-startup>1</load-on-startup>
18.     </servlet>
20.     <servlet-mapping>
21.         <servlet-name>Faces Servlet</servlet-name>
22.         <url-pattern>*.faces</url-pattern>
23.     </servlet-mapping>
25.     <welcome-file-list>
26.         <welcome-file>index.html</welcome-file>
27.     </welcome-file-list>
28.  </web-app>

    第12行到18行指定了要使用的jsf的servlet类，20到23行指定了输入的url地址的后缀.faces，25到27行指定了开始页面。

2、编写javaBean，一个用户类：

1. package com.cym.jsf;
3. import com.cym.jsf.dao.*;
5. public class UserBean {
6.     private String name;
7.     private String password;
8.     private String errMessage;
10.     public void setName(String name) {
11.         this.name = name;
12.     }
14.     public String getName() {
15.         return name;
16.     }
18.     public void setPassword(String password) {
19.         this.password = password;
20.     }
22.     public String getPassword() {
23.         return password;
24.     }
26.     public void setErrMessage(String errMessage) {
27.         this.errMessage = errMessage;
28.     }
30.     public String getErrMessage() {
31.         return errMessage;
32.     }
34.     public String verify() {
35.         if (name == null || "".equals(name)) {
36.             errMessage = "用户名不得为空";
37.             return "failure";
38.         }
39.         if (password == null || "".equals(password)) {
40.             errMessage = "密码不得为空";
41.             return "failure";
42.         }
43.         DbConnection dc = new DbConnection();
44.         boolean r = dc.login(name, password);
45.         if (r) {
46.             return "success";
47.         } else {
48.             errMessage = "用户名或密码错误";
49.             return "failure";
50.         }
51.     }
53. }

第44行是连接数据库进行验证的代码，具体的就不写了。

3、在WEB-INF目录下建立一个faces-config.xml文件，内容是：

1. <?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">
6.  <faces-config>
7.     <navigation-rule>
8.         <from-view-id>/pages/index.jsp</from-view-id>
9.         <navigation-case>
10.             <from-outcome>success</from-outcome>
11.             <to-view-id>/pages/welcome.jsp</to-view-id>
12.         </navigation-case>
13.         <navigation-case>
14.             <from-outcome>failure</from-outcome>
15.             <to-view-id>/pages/index.jsp</to-view-id>
16.         </navigation-case>
17.     </navigation-rule>
20.     <managed-bean>
21.         <managed-bean-name>user</managed-bean-name>
22.          <managed-bean-class>
23.              com.cym.jsf.UserBean
24.          </managed-bean-class>
25.         <managed-bean-scope>session</managed-bean-scope>
26.     </managed-bean>
27.  </faces-config>

第8行指定请求的url地址，当然可以是*，表示所有页面。

第10行和第11行表示如果提交的关键之是success则跳转到 /pages/welcome.jsp页面，第14行和15行也是类似。第21行到24行指定user代表UserBean类，其实就是类的映射。这样以后就可以使用user了，简单了很多，呵呵。第25行指定类的映射存在的生命周期，为session，还可以是application或none。

4、建立2个jsp文件

index.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=UTF-8"%>
4.  <html>
5.  <head>
6.  <title>第一个JSF程序</title>
7.  </head>
8.  <body>
9.     <f:view>
10.     <h:messages layout="table" style="color:red"/>
11.     
12.         <h:form>
13.             <h3>登录系统...</h3>
14.             <h:outputText value="#{user.errMessage}"/><p>
15.            用户名: <h:inputText value="#{user.name}"/><p>
16.            密    码:
17.     <h:inputSecret value="#{user.password}">
18.     </h:inputSecret><p>
19.             <h:commandButton value="登录" action="#{user.verify}"/>
20.         </h:form>
21.     </f:view>
22.  </body>
23.  </html>

这里使用了JSF Expression Language，之前在faces-config.xml配置文件中指定了user代表UserBean类，所以在页面上可以直接写user.属性，来指定和显示值，在按钮的action中还指定了要调用的方法。

5、简历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=UTF-8"%>
4.  <html>
5.  <head>
6.  <title>第一个JSF程序</title>
7.  </head>
8.  <body>
9.     <f:view>
10.         <h:outputText value="#{user.name}"/> 您好！
11.         <h3>欢迎使用 JavaServer Faces！</h3>
12.     </f:view>
13.  </body>
14.  </html>

这里就很容易理解了，最后在地址栏里输入http://localhost:8080/jsf_test/pages/index.faces就可以了