网站模板 代码免费,网站建设推广报价,wordpress网站如何迁移,中国建设银行幼儿缴费官网站JavaServer Faces (JSF)是一个Web应用程序框架#xff0c;旨在简化基于Web的用户界面的开发集成。 它用于开发和构建服务器端用户界面组件#xff0c;并在Web应用程序中使用它们。 JSF技术基于Model-View-Controller (MVC)架构#xff0c;并且通过在页面中使用可重用的UI组件… JavaServer Faces (JSF)是一个Web应用程序框架旨在简化基于Web的用户界面的开发集成。 它用于开发和构建服务器端用户界面组件并在Web应用程序中使用它们。 JSF技术基于Model-View-Controller (MVC)架构并且通过在页面中使用可重用的UI组件简化了基于服务器的应用程序的用户界面UI的构造。 JSF规范定义了一组标准UI组件并提供了用于开发此类组件的API。 它还可以重用和扩展现有的标准UI组件。 在此示例中我们将使用Tomcat应用程序服务器配置JSF。 我们将使用JSF创建一个简单的项目并将其部署在tomcat服务器中。 我们首选的开发环境是Eclipse 。 我们正在使用Eclipse Juno4.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 xmlnshttp://maven.apache.org/POM/4.0.0 xmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexsi:schemaLocationhttp://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsdmodelVersion4.0.0/modelVersiongroupIdcom.javacodegeeks.snippets.enterprise/groupIdartifactIdjsfexample/artifactIdpackagingwar/packagingversion0.0.1-SNAPSHOT/versionnamejsfexample Maven Webapp/nameurlhttp://maven.apache.org/urlbuildfinalNamejsfexample/finalName/builddependenciesdependencygroupIdjunit/groupIdartifactIdjunit/artifactIdversion3.8.1/versionscopetest/scope/dependencydependencygroupIdcom.sun.faces/groupIdartifactIdjsf-api/artifactIdversion2.1.13/version/dependencydependencygroupIdcom.sun.faces/groupIdartifactIdjsf-impl/artifactIdversion2.1.13/version/dependencydependencygroupIdjavax.servlet/groupIdartifactIdjavax.servlet-api/artifactIdversion3.0.1/version/dependency/dependencies
/project3.创建一个托管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(namehelloWorldBean)
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 xmlnshttp://www.w3.org/1999/xhtmlxmlns:fhttp://java.sun.com/jsf/corexmlns:hhttp://java.sun.com/jsf/htmlh:headtitleJavaCodeGeeks/title
/h:head
h:bodyh:outputText value#{helloWorldBean.msg} /
/h:body
/html5.配置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 version1.0 encodingUTF-8?
web-app xmlns:xsihttp://www.w3.org/2001/XMLSchema-instancexmlnshttp://java.sun.com/xml/ns/javaee xmlns:webhttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsdxsi:schemaLocationhttp://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsdidWebApp_ID version3.0display-namejsfexample/display-nameservletservlet-namefaces/servlet-nameservlet-classjavax.faces.webapp.FacesServlet/servlet-classload-on-startup1/load-on-startup/servletservlet-mappingservlet-namefaces/servlet-nameurl-pattern*.xhtml/url-pattern/servlet-mapping/web-app6.运行应用程序 为了运行该应用程序我们需要使用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
