创建简单的JSF例子

一、创建一个WEB 项目 JSFDemo 

   a) 引入JAR包 jsf-api.jar、jsf-impl.jar

二、在WEB-INFO文件夹下创建JSF配置文件 

   a) faces-config.xml或其他名字（web.xml中默认为WEB-INFO下的faces-config.xml）

三、配置web.xml

   a) 配置servlet  

<servlet>
 	<servlet-name>JSF Demo</servlet-name>
 	<servlet-class>javax.faces.webapp.FacesServlet</servlet-calss>
 	<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
	<servlet-name></servlet-name>
	<url-pattern>*.faces</url-pattern>
</servlet-mapping>

 b) 引入JSF的配置文件，如不写默认文件名为WEB-INFO下的faces-config.xml

  <content-params>

  <param-name>javax.faces.CONFIG_FILES</param-name>

  <param-value>/WEB-INF/faces-config.xml</param-value>

   </content-params>

 javax.faces.CONFIG_FILES 这个变量的取值指定了JSF 的配置文件的位置所在，读者可以根据自己的需要进行修改

四、创建消息包（实现国际化，可以不配）

  a) 在src目录下创建一个Message.properties,在里面配置一些信息，在JSP页面中调用时

<f:loadBundle basename="相对路径.Message" var="bindings">var相当于起的名字

五、创建Bean

   创建一个com.mine.bean.UserBean,有一个私有属性name，和getter/setter方法

六、创建JSP页面

  a) 创建index.jsp和一个welcomen.jsp,在创建的jsp中首先引入JSF标签

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

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

  Index.jsp中

  <f:view>

    <f:loadBundle basename="Messages" var="bindings"/>

   <h:form>

   <h3>请输入你的名字</h3>

   名称：<h:inputText value="#{UserBean.name}"></h:inputText>

   <h:commandButton action="login" value="#{bindings.submit}"> </h:commandButton>

</h:form>

</f:view>

Welcome.jsp中

<f:view>

<h:outputText value="#{UserBean.name}"></h:outputText>,Welcome to JSF World！

</f:view>

Index中输入，welcome中显示

七、配置JSF配置文件

<faces-config>

 <managed-bean>

  <managed-bean-name>UserBean</managed-bean-name>

  <managed-bean-class>com.mine.bean.UserBean</managed-bean-class>

  <managed-bean-scope>session</managed-bean-scope>

 </managed-bean>

 <navigation-rule>

<from-view-id>/index.jsp</from-view-id>

<navigation-case>

<from-outcome>login</from-outcome>

<to-view-id>/welcome.jsp</to-view-id>

</navigation-case>

  </navigation-rule>

managed-bean中配置bean信息 managed-bean-name是别名，用于在jsp中使用 如value="#{UserBean.name}"，managed-bean-scope必须配置，request、session等

navigation-rule是配置流程的规则，from-view-id是开始页，navigation-case中from-outcome是跳转名，对应JSP中按钮中的action，to-view-id指向跳转的页面

八、这样就配置完了，但当你起服务时，会发现报Cannot find FacesContext错误，解决的办法由三个

a) 在web.xml中

<welcome-file-list>

  <welcome-file>index.faces</welcome-file>

 </welcome-file-list>

b) 把index.jsp改名为home.jsp，然后创建一个index.jsp，在index.jsp中写一行代码

<jsp:forward page="/home.faces"></jsp:forward >

c) 将index.jsp这个JSF文件直接改成home.jsp,即不为welcome-file文件.启动时不会有任何错误的

九、这样就可以启动服务，然后输入URL地址进行测试了。

 

注：可以用Bean中的方法实现跳转

一、在index.jsp中添加按钮

<h:commandButton action="#{UserBean.loginMethod}" value="调用Bean中的方法"></h:commandButton>

二、在UserBean中添加方法

public String loginMethod(){

return "login";

}

 

<!--EndFragment-->