jsf 配置
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应用程序的中央控制器。 它会收到对JSF应用程序的所有请求,并在显示JSP之前初始化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
jsf 配置