`

JSF 入门

    博客分类：
  • JSF
JSFJSPJava框架Web 
阅读更多
【本文适合】：JSF初学者
【JSF是什么】：JSF是一个框架，在开源的世界里，框架帮助我们用一种方式解决一类特定问题，比如Hibernate框架是和数据库打交道的（持久化数据库框架）。JSF是一个基于Java的Web应用程序服务端的用户接口组件框架。JSF包括表示UI组件和管理其状态的API;处理事件，服务端校验，数据转换；定义页面导航；支持国际化和可访问性；提供所有这些特点的扩展能力。它还包括两个为JSP定制的标签库，一个用于表示JSP页面内的UI组件，一个用于配置服务端的对象组件。
【导入需要库文件】
|----|-- lib
   |----|----|--jsf-impl.jar             //java的标准库,JSF标准
   |----|----|--jsf-api.jar              //同上
   |----|----|--commons-digester.jar   
   |----|----|--commons-collections.jar 
   |----|----|--commons-beanutils.jar   
   |----|----|--commons-logging.jar     
   |----|----|--standard.jar            
   |----|----|--jstl.jar 
JSTL包含jstl.jar、standard.jar两个jar包，jstl.jar包是Sun公司提供的封JSTL API接口和抽象类，standard.jar包中封装了Apache Jakarta小组编写的JSTL API实现类。Standard.jar包中包括核心标签库、国际化/格式化标签库、数据库标签库中的标签和标准的EL自定义函数的API实现类。

Apache小组在提供JSTL时，同时也提供了JSTL标签的标签描述文件，即TLD文件。它们都封装在standard.jar包中，位于该jar文件的META-INF目录下。用解压缩打开standard.jar包，进入META-INF目录，可以看到JSTL标签的标签库描述文件。            
各个包作用参见：http://origin100.iteye.com/blog/358150
【配置web.xml】：JSF所有的请求都通过FacesServlet来处理 
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
	
	<context-param>
		<param-name>javax.faces.CONFIG_FILES</param-name>
		<param-value>/WEB-INF/faces-config.xml</param-value>
	</context-param>
	
	
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup>0</load-on-startup>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.faces</url-pattern>
	</servlet-mapping>
	
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
 
</web-app>

格式比较固定，相关解释可以自己Google。
【编写后台bean】 
public class UserBean {
	
	private String name;

	public String getName() {
		return name;
	}

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

【编写页面】index.jsp和welcome.jsp
主页面输入姓名 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>JSF 测试程序</title>

  </head>
  
  <body>
  	<f:view>
  		<h:form>
  			<h3>Please input your name!</h3>
  			NAME:<h:inputText value="#{user.name}"></h:inputText>
  			<h:commandButton value="送出" action="login"></h:commandButton>
  		</h:form>
  	</f:view>
   
  </body>
</html>

欢迎页面显示姓名 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <title>欢迎页面</title>

  </head>
  
  <body>
  	<f:view>
  	   <h:outputText value="#{user.name}"/>，您好！
  	   <h3>Welcome to learn JSF</h3>
  	</f:view>
  </body>
</html>

【配置faces-config.xml】控制页面转向 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<faces-config>
	<navigation-rule>
		<from-view-id>/index.jsp</from-view-id>
		<navigation-case>
		    <from-outcome>login</from-outcome>
			<to-view-id>/welcome.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>
	<managed-bean>
		<managed-bean-name>user</managed-bean-name>
		<managed-bean-class>com.test.UserBean</managed-bean-class>
		<managed-bean-scope>session</managed-bean-scope>
	</managed-bean>

</faces-config>

至此基本完成一个实例，运行调试。


分享到：
| 让页面代码更简洁
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    清晰版--JSF入门.pdf

    ### JSF入门知识点详解 #### 一、JSF概述 **1.1 简介JSF** JavaServer Faces (JSF) 是一种基于Java的标准技术，用于构建企业级Web应用。JSF的设计目的是简化Web应用程序的开发过程，通过封装HTTP协议的复杂性，...

    JSF入门+JSF web实战+JSF2

    本系列资料包括《JSF入门》、《JSF Web应用实战开发》和《JSF2》，旨在帮助初学者快速掌握JSF的核心概念和技术。 《JSF入门简体中文版》是学习JSF的基础，它涵盖了JSF的基本架构、组件库、生命周期和事件处理等方面...

    JSF入门

    本指南将帮助初学者理解JSF的基本概念、架构和核心组件，以便快速入门。 一、JSF简介 JSF是Java EE标准的一部分，由Oracle公司维护。它提供了一种声明式的方式来处理Web页面和后端服务器之间的交互，减少了开发者...

    JSF入门与标签_JSF入门与标签.

    下面将详细介绍JSF入门、JSF的主要特点以及JSF中的标签使用。 一、JSF入门 JSF入门涉及理解其基本架构和工作流程。JSF应用通常由以下部分组成： 1. **Facelets**: Facelets是JSF的默认视图描述语言，用于构建用户...

    JSF入门必读——JSF入门基础

    1. JSF入门 JSF的基础在于它的组件模型，这些组件可以直接映射到HTML元素，并且可以处理用户的输入。JSF提供了丰富的UI组件库，如按钮、表单、文本框等，开发者可以通过声明式的方式在页面上使用这些组件。 开发...

    值得看的jsf入门教程

    JavaScript全名JavaServer Faces（JSF）是一种基于Java的服务器端Web应用程序开发框架，由Sun Microsystems（现已被Oracle收购）开发。它旨在简化用户界面组件的构建和管理，为开发者提供一套面向对象的API，使其...

    JSF入门级教程

    本教程旨在帮助初学者快速入门JSF，掌握其基本概念、架构和常用功能。 一、JSF概述 JSF是Java Community Process（JCP）制定的标准之一，它基于Model-View-Controller（MVC）设计模式，为Java EE平台提供了丰富的UI...

    JSF全套（JSF入门教+ LIB+ Ajax4JSF使用手册 ）

    1. **JSF入门教程**：JSF的基础知识讲解，涵盖了JSF的基本概念、架构和工作原理。这个部分将教你如何配置JSF环境，创建第一个JSF应用，理解JSF生命周期，以及认识JSF的核心组件如输入字段、按钮、表单等。通过这个...

    JSF入门深入学习WORD版

    资源名称：JSF入门深入学习 WORD版内容简介：本文档主要讲述的是JSF入门深入学习；JSF为JAVA的 Web应用用户界面的开发人员提供了标准的编程接口、丰富可扩展的UI组件库（一个核心的JSP标记库用来处理事件、执行验证...

    JSF入门简单中文版

    javaServer+Faces入门简单中文版

    JSF入门（中文pdf）

    本资源提供了一份详细的JSF入门中文PDF教程，旨在帮助初学者快速理解并掌握JSF的核心概念和基本用法。 JSF的核心理念在于简化Java Web开发，通过组件化的方式将界面、业务逻辑和数据模型进行解耦。在JSF中，UI组件...

    JSF入门.zip

    "JSF入门文档"很可能是包含JSF基础教程、组件使用示例、配置指南等内容的资源集合，可以帮助初学者快速掌握JSF的基本概念和用法。文档可能包括以下部分： 1. JSF简介：介绍JSF的历史、目标和基本原理。 2. 安装与...

    jsf入门+标签

    ### JSF入门 JSF的核心概念是组件模型，它将网页元素如按钮、文本框等视为可复用的组件。这些组件可以独立于视图层逻辑进行管理，提高了开发效率和代码的可维护性。JSF使用XML格式的文件（Faces Config）来配置和...

    jsf入门简体中文

    对于初学者，可以通过阅读《JSF入门》这样的书籍或在线教程，快速掌握JSF的基本用法和概念。同时，社区如Stack Overflow、Java EE官方文档以及各种开源项目，都是学习JSF的好去处。 总结，JSF作为Java EE的重要组成...

    jsf入门列子和jsf与Tiles结合

    在上述的JSF入门例子中，我们首先看到的是`UserBean.java`，这是个简单的实体类，模拟了用户登录的情景。它包含了用户名`name`、密码`password`以及错误消息`errMessage`等属性，并提供了相应的getter和setter方法。...

    jsf入门教程中文版

    jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程jsf入门教程

Magicbox
Global site tag (gtag.js) - Google Analytics