随着Internet的迅猛发展,网络规模的迅速扩大,网站技术的广泛应用,网络用户对富客户端的要求也不断增高,从而提出了富界面应用程序RIA(Rich Interface Application)。目前,Web应用开发存在各种不同的技术与框架,JSF是JavaEE5.0以上版本提供的构件化动态Web页面开发框架;ExtJS是一个基于Ajax和JavaScript的页面构件库。同时,Struts、Spring等框架针对Web应用展现层开发也提供了相应的框架和标签库,使得开发变得更高效、更简单。然而,现有的组件库或框架在使用时仍存在缺陷,不能很好地满足Web应用富客户端开发的需求。本文设计与实现了一套集成JSF和ExtJS的开发框架,既能为用户提供清晰的组件化设计框架,又能提供良好的页面组件,高效地开发Web应用富客户端。通过深入剖析ExtJS组件体系结构和技术特点,JSF定制生命周期和动作事件处理机制,基于JSF2.0自定义组件规范设计与完成ExtJS组件的封装。这样,Web页面上的组件与ExtJS拥有一致的功能、风格与样式,但是页面的开发方法与JSF一致,即用JSF封装ExtJS。并且,由于JSF2.0带有标准JavaScript库,本身便很好地支持Ajax,本文将JSF核心库中的Ajax功能添加到封装组件,提高了Web应用开发效率,同时又解决了交互能力的问题。本文最后选取了在Web应用中比较常用的六种组件,日期选择器组件、时间选择器组件、数字微调器组件、分页数据表格组件、表格树组件和HTML编辑器组件,详述了它们的ExtJS设计思想和JSF封装方法,以及与JSF2.0核心库中Ajax功能的集成方案,完成了面向RIA的Web应用组件开发与封装的技术研究。结果表明,基于该整合框架进行开发的Web应用,不仅界面美观、风格一致,而且保持了与后台数据和业务逻辑之间良好的桥接和松耦合,能够满足Web应用富客户端开发的需求。