JBossTools实践系列：Richfaces应用开发入门
开发环境：JBoss AS 4.2.2GA + JBossTools 2.1.1GA
1. Richfaces项目创建
1.1. 在JBossTools中选择菜单“New->Project…”，在出现的对话框中选择“JBoss Tools Web->JSF->JSF Project”；
1.2. 在出现的“Create JSF Project”对话框中输入如下信息：
Project Name：HelloRichface
JSF Enviroment*：JSF 1.2
Template*：JSFBlankWithoutLibs
选择“Finish”结束创建JSF项目。
1.3. 选中HelloRichface项目，右键单击，在出现的上下文菜单中选择“JBoss Tools -> Add Custom Capabilities…”，在出现的对话框中选中“JBoss RichFaces 3.1”，选择“Finish”结束添加RichFace支持。
2. 添加Managed Bean
2.1. 在JBossTools中选择faces-config.xml的Tree视图，选择“Managed Beans”，在“Managed Beans”选择“Add”，在出现的对话框中输入如下信息：
Scope：request
Class*：demo. Bean
Name*：bean
Generate Source Code：钩选
选择“Finish”结束创建Bean。
2.2. 在“Properties”选择“Add”，在出现的对话框中输入如下信息：
Property-Name*：text
PropertyClass：
Value Kind：value
Value：
选择“Finish”结束Property的添加操作。
3. 添加页面
3.1. 选中“WebContent”目录，右键单击，在出现的上下文菜单中选择“New->JSP File”，在出现的“File JSP”对话框中输入如下信息：
Name：echo.jsp
Template：JSFBasePage
选择“Next”继续；
3.2. 在出现的“Select Tag Libraries”对话框中，选中如下Taglibs：
JSF Core
JSF HTML
RichFaces components
选中“Finish”结束创建echo.jsp
4. 编辑页面
4.1. 在echo.jsp的Visual/Source视图中，从右边的JBoss Tools Palette中的“JSF HTML”控件栏中添加一个h:form控件；
4.2. 从右边的JBoss Tools Palette中的“JBoss RichFaces”控件栏中添加一个“Rich Panel”控件，并设置如下属性：
Header：Simple echo demo
4.3. 从右边的JBoss Tools Palette中的“JSF HTML”控件栏中添加一个h:inputText控件，并设置如下属性：
Value：#bean.text
4.4. 从右边的JBoss Tools Palette中的“Ajax4jsf”控件栏中添加一个a4j:suppor控件，并设置如下属性：
event：onkeyup
reRender：rep
4.5. 从右边的JBoss Tools Palette中的“JSF HTML”控件栏中添加一个h:outputText控件，并设置如下属性：
Value：#bean.text
Id：rep
4.6. 页面的最终代码如下：
<%@ taglib uri=“http://richfaces.org/rich” prefix=“rich”%>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h”%>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f”%>
<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>
<html>
<head>
<title></title>
</head>
<body>
<f:view>
<h:form>
<rich:panel header=“simple echo demo”>
<h:inputText value=“#{bean.text}”>
<a4j:support event=“onkeyup” reRender=“rep”>
</a4j:support>
</h:inputText>
<h:outputText id=“rep” value=“#{bean.text}” />
</rich:panel>
</h:form>
</f:view>
</body>
</html>
5. 测试
5.1. 在JBossTools中的Server视图里，启动JBoss服务器；
5.2. 打开浏览器输入http://localhost:8080/HelloRichface/echo.jsf，效果如下：
