一个简单的 JavaServer Faces 应用程序

2024 年 8 月 29 日 | 阅读 3 分钟

要创建一个 JSF 应用程序，我们使用 NetBeans IDE 8.2。您也可以参考其他 Java IDE。

在这里，我们在创建项目之后运行它来测试它的配置设置。所以，让我们先创建一个新项目。

步骤 1：创建一个新项目

转到文件菜单并选择新建项目。

选择类别 Java Web 和项目 Web 应用程序。

输入项目名称。

选择服务器和 Java EE 版本。

选择 JSF 框架

选择首选页面语言：早期版本的 JSF 框架默认为 JSP 用于表示页面。现在，在最新的 2.0 及更高版本的 JSF 中，包含了强大的工具“Facelets”。因此，在这里我们选择了页面语言为 facelets。我们将在下一章中详细讨论 facelets。

Index.xhtml 页面：完成后，IDE 为您创建一个 JSF 项目，并带有一个默认的 index.xhtml 文件。Xhtml 是 html 的扩展，用于创建 facelets 页面。

运行： 现在，您可以通过在项目上右键单击并选择运行选项来运行您的应用程序。它将产生一个默认消息“Hello from Facelets”。

我们已经成功创建了 JSF 项目。此项目包括以下文件

index.xhtml： 在 Web Pages 目录中
web.xml： 在 WEB-INF 目录中

每当我们运行该项目时，它会呈现 index.xhtml 作为输出。现在，我们将创建一个包含两个网页、一个 bean 类和一个配置文件。

它需要以下步骤来开发新应用程序

创建用户界面
创建托管 bean
配置和管理 FacesServlet

1) 创建用户界面

我们将使用默认页面 index.xhtml 来呈现输入网页。修改您的 index.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:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>User Form</title>
</h:head>
<h:body>
<h:form>
<h:outputLabel for="username">User Name</h:outputLabel>
<h:inputText id="username" value="#{user.name}" required="true" requiredMessage="User Name is required" /><br/>
<h:commandButton id="submit-button" value="Submit" action="response.xhtml"/>
</h:form>
</h:body>
</html>

创建第二个网页以生成输出。

创建 response.xhtml 页面后。现在，修改它的源代码，如下所示。

// response.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://xmlns.jcp.org/jsf/html">
<h:head>
<title>Welcome Page</title>
</h:head>
<h:body>
<h2>Hello, <h:outputText value="#{user.name}"></h:outputText></h2>
</h:body>
</html>

2) 创建托管 Bean

它是一个 Java 类，包含属性和 getter setter 方法。JSF 将其用作模型。因此，您也可以使用它来编写您的业务逻辑。

创建 Java 类后，将以下代码放入您的 User.java 文件中。

// User.java

package managedbean;
Facelet Title
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class User {
String name;

public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}

3) 配置应用程序

要配置应用程序，项目包含一个 web.xml 文件，它有助于设置 FacesServlet 实例。您还可以设置您的应用程序欢迎页面等等。

以下是此应用程序的 web.xml 代码。

// web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.1" 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-app_3_1.xsd">
<context-param>
<param-name>javax.faces.PROJECT_STAGE</param-name>
<param-value>Development</param-value>
</context-param>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapFacelet Titlep.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>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>faces/index.xhtml</welcome-file>
</welcome-file-list>
</web-app>

好的！一切就绪。现在运行该应用程序。