创建 JSF Web 项目和页面模板(4)
2008-01-05 10:14:04 来源:WEB开发网核心提示:把 Panel - Group Box 拖到页面的底部,此时,创建 JSF Web 项目和页面模板(4),选择 Grid,如图31 所示,然后利用 Faces 组件创建了一个页面模板,在本系列的下一部分,Grid 以叠放的方式组织组件,图 31.选择 Grid从选项板选择 Faces Components 下的 Ima
把 Panel - Group Box 拖到页面的底部。此时,选择 Grid,如图31 所示。Grid 以叠放的方式组织组件。
![创建 JSF Web 项目和页面模板(4)(图一)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144152.gif)
从选项板选择 Faces Components 下的 Image 组件(图 32),然后把它拖到页面的底部。
![创建 JSF Web 项目和页面模板(4)(图二)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144788.gif)
![创建 JSF Web 项目和页面模板(4)(图三)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144509.gif)
高亮显示图像框,然后转到 Attribute 视图(图34)。像前面一样选择 File 文本框后的 Browse。
![创建 JSF Web 项目和页面模板(4)(图四)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144685.gif)
选择 WEBSPHERE_22P.GIF,如图35 所示。(记得更改文件名以使用相对路径。)
![创建 JSF Web 项目和页面模板(4)(图五)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144814.gif)
模板应该看起来如图36 所示。
![创建 JSF Web 项目和页面模板(4)(图六)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144373.gif)
最后,我们需要更新最后一个属性。页面中的所有组件都嵌入到一个 Body 标签中。转到属性视图并从下拉菜单中选择 Body(图 37)。
![创建 JSF Web 项目和页面模板(4)(图七)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144355.gif)
单击 Image 字段后面的下拉框,然后选择 Browse(图 38)。
![创建 JSF Web 项目和页面模板(4)(图八)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910144237.gif)
选择 theme 文件夹中的 grid.gif (图 39)。
![创建 JSF Web 项目和页面模板(4)(图九)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910145318.gif)
最后得到的页面应该看起来如图 40 所示。
![创建 JSF Web 项目和页面模板(4)(图十)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910145418.gif)
选择 PReview 标签查看最后的结果,如图 41 所示。
![创建 JSF Web 项目和页面模板(4)(图十)](http://tech.cncms.com/tech/UploadPic/2010-9/20109910145720.gif)
保存并关闭模板文件。
结束语
在本文中,我们介绍了 WebSphere Studio Version 5.1.1 提供的新 java Server Faces 工具,构建了一个 Web 项目,然后利用 Faces 组件创建了一个页面模板。在本系列的下一部分,我们将创建 JSF 提交表单并利用 WebSphere Universal 测试环境来测试它们。
- ››Web服务器和应用服务器的区别
- ››创建SQL2005自动备份,定期删除的维护计划
- ››web安全之信息刺探防范1
- ››webqq 最新加密算法
- ››webdriver 数据库验证方法
- ››创建动态表单 javascript
- ››WebSphere Application Server 7.0 XML Feature P...
- ››Web2.0网络时代基于社会影响力的声望值
- ››Web服务器搭建:配置Linux+Apache+Mysql+PHP(或Pe...
- ››WebLogic调整Java虚拟机性能优化参数
- ››webqq2.0协议研究(3)-ClientId生成
- ››Web.config配置文件