JSF实例(含源码和JSF教程地址)

tech2022-08-14  135

1. 要求

在eclipse中创建一个JSF程序

2.步骤

A、新建一个 Maven WebApp项目,完成后开始下面的操作;

B、在pom.xml中添加一下依赖;

<dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.20</version> </dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.20</version> </dependency>

C、在 src/main/resources下创建一个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_2_1.xsd" version="2.1"> <!-- 这个文件哪怕里面什么都没有也必须存在于我们的jar/war中, 否则,我们的Java注解将不会被扫描! --> </faces-config>

D、在web.xml中注册一个Servlet,内容如下:

<?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" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0"> <display-name>jsfdemo</display-name> <welcome-file-list> <welcome-file>index.xhtml</welcome-file> </welcome-file-list> <servlet> <servlet-name>faceServlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>faceServlet</servlet-name> <url-pattern>*.xhtml</url-pattern> </servlet-mapping> </web-app>

E、编写一个index.xhtml文件

<?xml version="1.0" encoding="UTF-8"?> <!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"> <h:head> <title>Hello,JSF!</title> </h:head> <h:body> <h2>Login JSF!</h2> <h3> <h:outputText value="#{testBean.value}" /> </h3> <h:form> <h:inputText value="#{testBean.value}" /> <h:commandButton value="Submit" action="index" /> </h:form> </h:body> </html>

F、编写Java类

import java.io.Serializable; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; /** * * @author 悟鸣子 * */ @ManagedBean(name = "testBean") @SessionScoped public class TestBean implements Serializable { private static final long serialVersionUID = 321883124672139763L; private String value; public String getValue() { System.out.println("获取 " + this.getClass().getSimpleName() + " 中的 value,它的值为 : " + value); return value; } public void setValue(String value) { System.out.println("将 " + this.getClass().getSimpleName() + " 中的 value,它的值为 : " + value); this.value = value; } }

G、然后就可以在Tomcat中运行了。

H、Tomcat运行后通过 http://localhost:8080/jsfdemo就可以访问了;

3.项目源码

4.JSF基础教程

最新回复(0)