最简单的JSF程序

最新推荐文章于 2025-09-06 21:55:52 发布

原创最新推荐文章于 2025-09-06 21:55:52 发布 · 1.0k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsf #string #tomcat #servlet #encoding #html

本文介绍了一个简单的JSF示例项目，包括项目搭建步骤、所需库文件及关键配置。通过index.jsp页面输入文本并提交至welcome.jsp显示内容。

一个最简单的JSF的例子，从网上搜集整理。

在tomcat的webapps目录下创建jsftest文件夹。创建子文件夹WEB-INF，然后再创建子文件夹lib存放JSF的库文件。库文件如下：

jsf-impl.jar

jsf-api.jar

commons-digester.jar

commons-collections.jar

commons-beanutils.jar

jstl.jar

standard.jar

创建classes目录：存放一个javabean，其源代码为UserBean.java

package net.lewutian; public class UserBean { private String name; public void setName(String name) { this.name = name; } public String getName() { return name; } }

编译后生成UserBean.class

放入classes/net/lewutian目录下。

然后再写index.jsp和welcome.jsp两个文件：

index.jsp

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@page contentType="text/html;charset=GBK"%> <html> <head> <title>最简单的JSF程序</title> </head> <body> <f:view> <h:form> <h3>请输入一段文字</h3> 文字内容: <h:inputText value="#{user.name}"/><p> <h:commandButton value="确定" action="login"/> </h:form> </f:view> </body> </html>

welcome.jsp

<STRONG> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@page contentType="text/html;charset=GBK"%> <html> <head> <title>结果</title> </head> <body> <f:view> <h3>文字内容为：</h3> <h:outputText value="#{user.name}"/> </f:view> </body> </html></STRONG>

在WEB-INF目录下配置文件web.xml和faces-config.xml。

web.xml

<?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4"> <description> JSF Demo </description> <display-name>JSF Demo</display-name> <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> <welcome-file-list> <welcome-file>index.faces</welcome-file> </welcome-file-list> </web-app>

faces-config.xml

<?xml version="1.0"?> <!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN" "http://java.sun.com/dtd/web-facesconfig_1_0.dtd"> <faces-config> <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> <managed-bean-name>user</managed-bean-name> <managed-bean-class> net.lewutian.UserBean </managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> </faces-config>

然后在IE中输入：

http://localhost:8080/jsftest/index.faces

运行结果为：