web.xml中的配置:
1
2
3
4
5
6
7
8
9
|
< 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 >
|
event.xhtml文件在web/basic目录下(用的开发工具是IDEA,web相当于eclipse中的WebContent)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<? xml version = "1.0" encoding = "utf-8" ?>
<! DOCTYPE html>
< html xmlns:h = "http://java.sun.com/jsf/html"
xmlns:p = "http://primefaces.prime.com.tr/ui" >
< h:body >
< h:form >
< h:panelGrid >
< h:outputText value = "KeyUp:" />
< p:inputText id = "firstname" value = "#{userView.firstname}" >
< p:ajax event = "keyup" update = "out1" />
</ p:inputText >
< h:outputText id = "out1" value = "#{userView.firstname}" />
< h:outputText value = "Blur:" />
< p:inputText id = "surname" value = "#{userView.lastname}" >
< p:ajax event = "keyup" update = "out2" />
</ p:inputText >
< h:outputText id = "out2" value = "#{userView.lastname}" />
</ h:panelGrid >
</ h:form >
</ h:body >
</ html >
|
bean文件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
package com.xxyh.demo;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean @SessionScoped public class UserView {
private String firstname;
private String lastname;
public String getFirstname() {
return firstname;
}
public void setFirstname(String firstname) {
this .firstname = firstname;
}
public String getLastname() {
return lastname;
}
public void setLastname(String lastname) {
this .lastname = lastname;
}
} |
访问路径为:http://localhost:8080/basic/event.faces
相关推荐
9. **测试和运行**: 在Eclipse中启动服务器,通过浏览器访问`http://localhost:8080/项目名/index.jsf`来查看和测试JSF应用。 **二、JSF关键概念** 1. **UI组件**: JSF提供了一系列可重用的UI组件,如按钮、文本框...
文件扩展名可能是`.xhtml`或`.jsp`。 - **配置文件**:如`faces-config.xml`,定义了应用程序的组件、导航规则和其他配置信息。 - **资源文件**:如`.properties`或`.css`,包含了国际化文本和样式表,用于美化页面...
2. **Facelets**或JSP文件:这些是前端视图层的文件,通常扩展名为`.xhtml`,其中包含了JSF标签。例如,`index.xhtml`可能是主页面,展示了如何使用JSF标签构建UI。 3. **配置文件**:比如`web.xml`,这是Servlet...
- 在"index.xhtml"中,可以编写基本的JSF代码,例如: ```xml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
4. **UIComponent的`bundle`属性**:在JSF的XHTML视图文件(.xhtml)中,可以通过`<f:bundle>`或`<h:outputText>`标签的`bundle`属性指定资源包。例如,`<f:bundle basename="com.example.i18n.messages" />`。 5. ...
在提供的"JSF趙剣.pdf"文件中,可能会详细介绍以上概念以及更多关于如何实际操作JSF实例的步骤和技巧,包括如何配置环境、创建和使用Managed Beans、设计用户界面、处理表单提交以及调试和优化JSF应用程序的方法...
例如,`javax.faces.component.UIComponent`是所有JSF组件的基类,而`javax.faces.application.Application`则提供了对整个应用程序的访问。 2. **JSF Implementations JAR**: 如MyFaces或Mojarra,是JSF规范的...
2. **JSF页面(.xhtml文件)**:JSF使用XML语法和XHTML标记来定义用户界面。这些页面会包含JSF组件,如`h:inputText`(文本输入框)、`h:commandButton`(提交按钮)等,以及可能的EL(Expression Language)表达式...
3. **EL(Expression Language)**:JSF使用EL来访问后台bean中的属性,实现数据绑定。 4. **FacesServlet**:JSF的核心控制器,负责处理所有对JSF应用的HTTP请求。 5. **XHTML页面**:JSF使用XHTML作为视图层的标记...
4. **EL(Expression Language)**: EL是一种简洁的表达式语言,用于在JSF视图中访问和操作后台Bean的属性,使得在页面上绑定和操作数据变得简单。 5. **FacesContext**: 是JSF框架的核心上下文对象,它存储了请求...
- **运行与测试**:将项目打包成WAR文件,部署到服务器,然后通过浏览器访问JSF页面,测试应用功能。 **6. JSFLangsin 示例** "JSFLangsin"可能是示例项目或文件的名称,具体细节可能包括一个或多个语言学习相关的...
3. 创建JSF页面(.xhtml文件):JSF使用XML语法的XHTML文件作为视图层,你可以使用JSF组件库中的标签来构建UI。 四、JSF组件与事件处理 1. JSF组件:JSF提供了一系列预定义的组件,如按钮、输入字段、表格等,它们...
3. **表达式语言(EL)**:JSF使用EL来访问后台bean的属性,简化数据绑定。 4. ** Managed Beans**:JSF中的业务逻辑通常封装在Managed Beans中,它们是Java对象,可以通过EL在视图和控制器之间传输数据。 5. **...
在项目中创建一个名为 `hello.xhtml` 的文件,这是一个 JSF 视图文件。在该文件中,我们将创建一个简单的表单,包含一个按钮,当用户点击按钮时,会显示 "Hello, World!" 消息。以下是 `hello.xhtml` 的内容: ```...
自定义组件可以定义自己的属性,这些属性在JSF EL表达式中可以访问。例如,添加一个名为`myAttr`的属性: ```java @ManagedProperty(value="#{bean.myValue}") private String myAttr; // getter and setter `...
2. **page**:这个文件夹可能包含了实现分页功能的页面文件,比如`.xhtml`文件,这些文件使用JSF的Facelets视图技术来编写。在这些文件中,开发者可能会使用`<h:commandLink>`或`<p:commandButton>`等元素来触发分页...
JSF使用XHTML页面作为视图,可以使用EL(Expression Language)表达式来访问模型数据。 5. **控制器(Controller)**:JSF通过生命周期来处理请求,从接收请求到更新模型,再到呈现响应,控制器在整个过程中起着...
3. **JSF页面(XHTML)**:JSF页面使用XHTML语法,但可以包含JSF特定的标签,如`<h:inputText>`或`<h:commandButton>`。这些标签对应于JSF组件,用于构建用户界面。 4. **EL(Expression Language)**:EL是JSF中的...
要开始使用JSF,你需要在项目中添加JSF库,并配置Web.xml文件以启用JSF支持。这通常涉及设置`FacesServlet`和定义JSF的配置文件路径。 **4. 创建第一个JSF应用** 一个基本的JSF应用包含一个JSF页面(通常扩展名为....