在JSF2.0中,css、javascript、images应放在resources文件夹中。
在页面中,使用如下JSF标签引用:
<h:outputStylesheetlibrary="css"name="style.css"/> <h:outputScript library="javascript" name="jsf.js" target="head" /> <h:graphicImage library="images" name="logo.png" />
注意,以上标签要与JSF2.0新引入的<h:head>、<h:body>组合使用,在使用richfaces4时,有时可能需要将<h:outputStylesheet><h:outputScript>放在<h:body>的末尾。
使用<h:outputStylesheet>导入CSS后,发现原来CSS中的image url相对路径不能显示图片了?是什么原因造成的呢?看一下html输出结果:
<link href="/JavaSeverFaces/javax.faces.resource/style.css.xhtml?ln=css" rel="stylesheet" type="text/css"/>
加载图像的路径是相对于css文件的request URL的,而不是相对于实际的物理路径。要在css中使用相对路径写法如下:
background-image:url("../resources/images/logo.png");
绝对路径,使用EL表达式
background-image: url("#{resources['images:logo.png']}"); 或 background-image: url('#{facesContext.externalContext.requestContextPath}/resources/images/logo.png')
相关推荐
**JSF 2.0(JavaServer Faces 2.0)**是Java平台上的一种服务器端的用户界面框架,用于构建富互联网应用程序(Rich Internet Applications,RIA)。它遵循MVC(Model-View-Controller)设计模式,提供了一种声明式的...
在本文中,我们将深入探讨JSF 2.0的源代码,特别是mojarra实现,这是JSF规范的主要参考实现。 **一、Mojarra:JSF的核心实现** Mojarra是JSF最广泛使用的实现,它为JSF规范提供了具体的功能实现。在提供的文件`...
本例中的"jsf2.0版本helloworld"就是一个基础的入门示例,旨在展示如何在MyEclipse环境中配置和运行一个简单的JSF应用。 **JSF 2.0的关键特性** 1. **Faces Flow**: JSF 2.0引入了Faces Flow,这是一种新的导航模型...
在本篇中,我们将深入探讨JSF 2.0中的TextBox组件,它是用户界面中用于输入文本的基础元素。JSF(JavaServer Faces)是Oracle公司提供的一个用于构建Web应用程序的MVC框架,而JSF 2.0版本带来了许多改进和新特性,使...
开发者通常会将API jar包添加到项目的类路径中,以便在代码中引用JSF的相关接口和类。通过阅读API文档,你可以了解到如何使用这些接口和类来创建视图、处理用户输入、管理组件状态以及执行业务逻辑。 Impl jar包则...
JSF2.0标签手册DQSV
文档《JSF2.0系列简介.doc》可能详细介绍了JSF 2.0的基础知识和实践指导,而压缩包中提供的源代码可能是为了演示如何在实际项目中使用JSF 2.0。这些示例可能涵盖了以下内容: - **创建基本的JSF页面**:展示如何...
在当今的企业级Web开发中,JSF 2.0 和 Spring 的结合使用非常常见,因为它们各自提供了独特的优势。JSF 是一个用于构建用户界面的组件模型框架,而 Spring 则是一个全面的后端服务管理框架。将两者整合,可以实现从...
JavaServer Faces(JSF)是Java平台上的...开发者可以将这些库文件添加到自己的Web应用项目的类路径中,以便使用JSF 2.0的功能进行开发。同时,配合相关的教程和文档,可以帮助开发者深入理解和掌握JSF 2.0的使用技巧。
在JSF 2.0中,Ajax功能的引入极大地增强了用户界面的交互性和实时性。这一部分我们将深入探讨如何实现自定义的Ajax更新方式,以更灵活地控制UI组件的异步更新。在这个主题中,我们将关注以下几个关键知识点: 1. **...
在"Jsf2.0 Reference"中,我们能够深入理解JSF的核心概念和技术,这包括但不限于以下几个方面: 1. **JSF生命周期**:JSF组件有其独特的生命周期,包括六种阶段:恢复视图、应用请求值、处理验证、更新模型值、调用...
它作为 Java EE 的一部分,在 JSF 2.0 版本中进行了大量的改进和增强,旨在简化 Web 应用程序的开发流程,提高开发效率,同时保持代码的可维护性和扩展性。 #### 二、JSF 2.0 的主要特性 ##### 1. **简化配置与...
**JSF 2.0(JavaServer Faces 2.0)是Java EE 6平台上的一个关键组件,用于构建Web用户界面。它提供了一个模型-视图-控制器(MVC)框架,使得开发人员能够更高效地创建动态、数据驱动的Web应用程序。** **一、JSF...
JSF 2.0 提供了资源处理器,方便管理和重用应用程序中的CSS、JavaScript和其他静态资源。这使得资源的组织和引用更加有序,同时有利于提高页面加载速度和性能。 **示例应用程序:places应用** 在本系列文章中,作者...
- **JSF 组件**:JSF 2.0 提供了一套丰富的 UI 组件库,这些组件可以直接在 XHTML 页面中使用。 - **EL 表达式语言**:JSF 2.0 支持使用 EL(Expression Language)表达式语言,简化了页面与后端数据的绑定。 - **...
通过将这些jar包加入到项目的类路径中,开发者就可以在JSF 2.0环境中使用RichFaces 4.2.3提供的强大功能,创建出功能丰富、交互性强的Web应用程序。同时,需要注意的是,这些库还需要与合适的Java EE容器(如Tomcat...
在这个环境中,我们将深入探讨JSF2.0的基础知识,包括它的核心概念、组件模型、生命周期以及如何进行基本的环境搭建。 1. **JSF2.0概述** - JSF2.0是Java EE 6规范的一部分,它提供了一个声明式的方式来创建用户...