JSF Tomcat配置示例

JavaServer Faces (JSF)是一个Web应用程序框架，旨在简化基于Web的用户界面的开发集成。它用于开发和构建服务器端用户界面组件，并在Web应用程序中使用它们。 JSF技术基于Model-View-Controller (MVC)架构，并且通过在页面中使用可重用的UI组件，简化了基于服务器的应用程序的用户界面（UI）的构造。 JSF规范定义了一组标准UI组件，并提供了用于开发此类组件的API。它还可以重用和扩展现有的标准UI组件。

在此示例中，我们将使用Tomcat应用程序服务器配置JSF。我们将使用JSF创建一个简单的项目，并将其部署在tomcat服务器中。

我们首选的开发环境是Eclipse 。我们正在使用Eclipse Juno（4.2）版本以及Maven Integration插件版本3.1.0。您可以从Eclipse的这里从和Maven Eclipse插件这里。用于Eclipse的Maven插件的安装不在本教程的讨论范围内，因此将不予讨论。我们还使用了JDK 7_u_21。 Tomcat 7是使用的应用程序服务器。

让我们开始，

1.创建一个新的Maven项目

转到文件->项目-> Maven-> Maven项目。

在向导的“选择项目名称和位置”页面中，确保未选中 “创建简单项目（跳过原型选择）”选项，单击“下一步”以继续使用默认值。

在这里，必须添加用于创建Web应用程序的Maven原型。单击“添加原型”并添加原型。将“ Archetype组ID”变量设置为"org.apache.maven.archetypes" ，将“ Archetype构件ID”变量设置为"maven-archetype-webapp" ，将“ Archetype版本”设置为"1.0" 。点击“确定”继续。

在向导的“输入工件ID”页面中，您可以定义项目的名称和主程序包。将“ Group Id”变量设置为"com.javacodegeeks.snippets.enterprise" ，将“ Artifact Id”变量设置为"jsfexample" 。上述选择组成主体工程包作为"com.javacodegeeks.snippets.enterprise.jsfexample"和项目名称为"jsfexample" 。将“ Package”变量设置为"war" ，以便创建一个war文件以部署到tomcat服务器。点击“完成”退出向导并创建您的项目。

Maven项目结构如下所示：

它包含以下文件夹：
/ src / main / java文件夹，其中包含应用程序动态内容的源文件，
/ src / test / java文件夹包含用于单元测试的所有源文件，
/ src / main / resources文件夹包含配置文件，
/ target文件夹包含已编译和打包的可交付成果，
/ src / main / resources / webapp / WEB-INF文件夹包含Web应用程序的部署描述符，
pom.xml是项目对象模型（POM）文件。包含所有项目相关配置的单个文件。

2.添加JSF依赖项

通过在POM编辑器的“ Pom.xml”页面上对其进行编辑，将依赖项添加到Maven的pom.xml文件中。 JSF所需的依赖关系如下所示：

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"><modelVersion>4.0.0</modelVersion><groupId>com.javacodegeeks.snippets.enterprise</groupId><artifactId>jsfexample</artifactId><packaging>war</packaging><version>0.0.1-SNAPSHOT</version><name>jsfexample Maven Webapp</name><url>http://maven.apache.org</url><build><finalName>jsfexample</finalName></build><dependencies><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>3.8.1</version><scope>test</scope></dependency><dependency><groupId>com.sun.faces</groupId><artifactId>jsf-api</artifactId><version>2.1.13</version></dependency><dependency><groupId>com.sun.faces</groupId><artifactId>jsf-impl</artifactId><version>2.1.13</version></dependency><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.0.1</version></dependency></dependencies>
</project>

3.创建一个托管Bean

使用JSF应用程序时的基本数据元素是受管Bean。托管bean是可以在JSF应用程序中使用的简单Java对象（POJO）。它们包含getter和setter方法，业务逻辑甚至一个后备bean。可从JSF页面访问它们。可以使用注释轻松注册它们。

HelloWorldBean.java类是一个简单的Java Bean。它具有String属性以及getter和setter方法。 @ManagedBean批注将其标记为具有在name属性中指定的名称helloWorldBean的托管bean。该bean也被标注为@RequestScoped 。这意味着只要HTTP请求响应有效，它就一直有效。它是根据HTTP请求创建的，并在与HTTP请求关联的HTTP响应完成时被销毁。在bean的init()方法中，我们将String值设置为其属性。

HelloWorldBean.java

package com.javacodegeeks.snippets.enterprise.jsf.servlet;import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;@ManagedBean(name="helloWorldBean")
@RequestScoped
public class HelloWorldBean {private String msg;public String getMsg() {return msg;}public void setMsg(String msg) {this.msg = msg;}@PostConstructprivate void init() {msg = "Hello World!! JFS example.. ";}}

4.创建一个视图文件

index.xhtml文件位于/webapp文件夹下。它包含JSF应用程序的View部分。为了通过值绑定访问托管bean的值，JSF允许我们使用EL表达式。我们不需要使用get()或set()方法来获取/设置变量的值，而只需使用变量名即可。 JSF EL表达式的类型为#{...} 。在这里，我们使用这样的表达式来获取托管bean属性的值。它在h:outputText标记中设置，该标记将值呈现为HTML文本。

index.xhtml

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:f="http://java.sun.com/jsf/core"xmlns:h="http://java.sun.com/jsf/html"><h:head><title>JavaCodeGeeks</title>
</h:head>
<h:body><h:outputText value="#{helloWorldBean.msg}" />
</h:body>
</html>

5.配置web.xml

在Web应用程序中， web.xml文件是定义服务器需要了解的有关应用程序的所有内容的文件。此处设置了Servlet和其他组件，如过滤器或侦听器，初始化参数，容器管理的安全性约束，资源，欢迎页面等。在JFS应用程序中，我们需要在web.xml文件中定义javax.faces.webapp.FacesServlet ，该类是负责处理JSF应用程序的类。 FacesServlet是JSF应用程序的中央控制器。在显示JSP之前，它将接收对JSF应用程序的所有请求并初始化JSF组件。因此， web.xml文件具有定义FacesServlet的条目。它是servlet条目。它还具有一个servlet-mapping项，以映射URL以.xhtml结束的所有请求，以供servlet处理。

web.xml

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

6.运行应用程序

为了运行该应用程序，我们需要使用Maven构建项目。产生的war文件必须放置在tomcat的webapps文件夹中。然后，我们可以继续：

localhost:8080/jsfexample/index.xhtml

在浏览器上，结果如下所示：

这是一个如何在tomcat应用程序服务器中配置JSF的示例。
下载本教程的Eclipse项目： JSFTomcatExample.zip

翻译自: https://www.javacodegeeks.com/2013/10/jsf-tomcat-configuration-example.html