【Java】--Javaserver faces(JSF) 03

要创建一个简单的JSF应用程序，我们将使用maven-archetype-webapp插件。在下面的示例中，我们将在C：\ JSF文件夹中创建一个基于maven的Web应用程序项目。

创建项目
我们打开命令控制台，进入C：> JSF目录，然后执行下面的mvn命令。

C:\JSF>mvn archetype:create  -DgroupId = com.tutorialspoint.test  -DartifactId = helloworld  -DarchetypeArtifactId = maven-archetype-webapp 

Maven将开始处理，并将创建完整的java Web应用程序项目结构。

现在去C：/ JSF目录。您将看到一个名为helloworld（在artifactId中指定）的Java Web应用程序项目。Maven使用标准目录布局，如以下屏幕截图所示。

使用上述示例，我们可以了解以下关键概念。

S.No 文件夹结构与说明 1 helloworld
包含src文件夹和pom.xml 2 src /mian/ wepapp
包含WEB-INF文件夹和index.jsp页面 3 src / main /resources
它包含图像/属性文件（在上面的例子中，我们需要手动创建这个结构）

将JSF功能添加到项目中

添加以下JSF依赖关系。

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

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.tutorialspoint.test</groupId>   <artifactId>helloworld</artifactId>   <packaging>war</packaging>   <version>1.0-SNAPSHOT</version>   <name>helloworld Maven Webapp</name>   <url>http://maven.apache.org</url>   <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.7</version>      </dependency>      <dependency>         <groupId>com.sun.faces</groupId>         <artifactId>jsf-impl</artifactId>         <version>2.1.7</version>      </dependency>   </dependencies>   <build>      <finalName>helloworld</finalName>      <plugins>         <plugin>            <groupId>org.apache.maven.plugins</groupId>            <artifactId>maven-compiler-plugin</artifactId>            <version>2.3.1</version>            <configuration>               <source>1.6</source>               <target>1.6</target>            </configuration>         </plugin>      </plugins>   </build>     </project>

准备Eclipse项目

我们打开命令控制台。执行C：> JSF> helloworld目录，并执行以下mvn命令。

C:\JSF\helloworld>mvn eclipse:eclipse -Dwtpversion = 2.0

Maven将开始处理，创建eclipse就绪项目，并添加wtp功能。

在Eclipse中导入项目

以下是步骤 -

• 使用导入向导在eclipse中导入项目。
• 转到文件→导入…→现有项目进入工作区.
• 选择根目录到helloworld。
• 将复制项目保留到工作区以进行检查。
• 单击完成按钮。
• Eclipse将在其工作区C：\→项目→数据→工作台中导入和复制项目。
  

在web.xml中配置Faces Servlet

在webapp→WEB-INF文件夹中找到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_2_5.xsd"   id = "WebApp_ID" version="2.5">   <welcome-file-list>      <welcome-file>faces/home.xhtml</welcome-file>   </welcome-file-list>   <!--       FacesServlet is main servlet responsible to handle all request.       It acts as central controller.      This servlet initializes the JSF components before the JSP is displayed.   -->   <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>   <servlet-mapping>      <servlet-name>Faces Servlet</servlet-name>      <url-pattern>*.jsf</url-pattern>   </servlet-mapping>   <servlet-mapping>      <servlet-name>Faces Servlet</servlet-name>      <url-pattern>*.faces</url-pattern>   </servlet-mapping>   <servlet-mapping>      <servlet-name>Faces Servlet</servlet-name>      <url-pattern>*.xhtml</url-pattern>   </servlet-mapping></web-app>

创建托管Bean

在src→main→java下创建一个包结构，作为com→tutorialspoint→test。在此包中创建HelloWorld.java类。更新HelloWorld.java的代码，如下所示。

package com.tutorialspoint.test;import javax.faces.bean.ManagedBean;@ManagedBean(name = "helloWorld", eager = true)public class HelloWorld {   public HelloWorld() {      System.out.println("HelloWorld started!");   }   public String getMessage() {      return "Hello World!";   }}

创建一个JSF页面

在webapp文件夹下创建一个home.xhtml页面。更新home.xhtml的代码，如下所示。

<!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">   <head>      <title>JSF Tutorial!</title>   </head>   <body>      #{helloWorld.getMessage()}   </body></html>

建设项目

以下是步骤。

• 在eclipse中选择helloworld项目
• 使用运行方式向导
• 选择运行方式→Maven包
• Maven将开始构建项目，并将在C：\→项目→数据→工作台→helloworld→目标文件夹下创建helloworld.war 。

部署WAR文件

以下是步骤。
- 停止tomcat服务器。
- 将helloworld.war文件复制到tomcat安装目录→webapps文件夹。
- 启动tomcat服务器。
- 看看webapps目录，应该有一个文件夹helloworld创建
- 现在，helloworld.war已成功部署在Tomcat Webserver根目录中。

运行应用程序

在web浏览器中输入一个URL：http：// localhost：8080 / helloworld / home.jsf启动应用程序。

服务器名称（localhost）和端口（8080）可能会根据您的tomcat配置而有所不同。