1.项目目录结构
2.首先新建一个javaBean
package bean; public class UserBean { private String name; public String getName() { return name; } public void setName(String name) { this.name = name; } }
3.创建index.xhtml和welcome.xhtml文件
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:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>index</title> </h:head> <h:body> <h2>这是首页!</h2> <h:form> <h:inputText value="#{userBean.name}"></h:inputText> <h:commandButton value="跳转" action="welcome"></h:commandButton> </h:form> </h:body> </html>
welcome.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:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <head> <title>welcome</title> </head> <body> <h2>这是欢迎页面!</h2> <h:outputText value="#{userBean.name}"></h:outputText> </body> </html>
4.配置faces-config.xml文件
<?xml version="1.0" encoding="UTF-8"?> <faces-config xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd" version="2.2"> <managed-bean> <managed-bean-name>userBean</managed-bean-name><!-- 设置bean对象的名称 --> <managed-bean-class>bean.UserBean</managed-bean-class><!-- 设置bean对象所在类 --> <managed-bean-scope>session</managed-bean-scope><!-- 设置作用范围 --> </managed-bean> <navigation-rule> <display-name>index.xhtml</display-name> <from-view-id>index.xhtml</from-view-id><!-- 目标源 --> <navigation-case> <to-view-id>welcome.xhtml</to-view-id><!-- 目的页面 --> </navigation-case> </navigation-rule> </faces-config>
5.测试