JSF 2.0のリソース(ライブラリ)

JSF 2.0では、CSSや画像、JavaScriptなどのすべてのWebリソースファイルは、Webアプリケーションのルート( "WEB-INF`と同じフォルダレベル)の下に" resources "フォルダに置く必要があります。

"resources"フォルダの下の サブフォルダ は " library "または " project theme "と見なされ、後で `library`属性でそれらの" resources "を参照することができます。この新しいJSFリソース管理メカニズムは本当に便利です。開発者は "テーマ/ライブラリ"または "バージョン管理"によってWebリソースを簡単に変更できます。

下記の例を参照してください。

Figure 1-0:JSF2プロジェクトフォルダ構造の例.

jsf2 resources example、title = "jsf2-resources"、width = 538、height = 567

1.通常の例

JSF 2.0で " resources "と " library "を使用した例をいくつか示します。

  1. CSSファイルを含める - h:outputStylesheet

<h:outputStylesheet library = "theme1" name = "css/style.css"/>

+ HTML出力…​

+

<link type = "text/css" rel = "stylesheet"
   href = "/JavaServerFaces/faces/javax.faces.resource/css/style.css?ln = theme1"/>
  1. 画像を表示する - h:graphicImage

<h:graphicImage library = "theme1" name = "img/sofa.png"/>

+ HTML出力…​

+

<img src = "/JavaServerFaces/faces/javax.faces.resource/img/sofa.png?ln = theme1"/>
  1. JavaScriptを含める - h:outputScript

<h:outputScript library = "theme1" name = "js/hello.js"/>

HTML出力…​

+

<script type = "text/javascript"
   src = "/JavaServerFaces/faces/javax.faces.resource/js/hello.js?ln = theme1">

2.バージョン管理の例

Figure 1-0 を参照して、 " library "フォルダの正規表現 `\ d +(__ \ d +) `に一致する " version ** "フォルダを作成し、デフォルトのJSF `ResourceHandler`は常に表示する。

P.Sプロジェクトが図1-0の構造であると仮定します

CSSファイルを含める - h:outputStylesheet

<h:outputStylesheet library="default" name="css/style.css"/>

" default "テーマにはバージョン " 1 0 "と " 20 "が含まれているため、JSFは常に最高のバージョンからリソースを取得し、リソースの最後にバージョンを追加します。

HTML出力を参照してください:

<link type="text/css" rel="stylesheet"
   href="/JavaServerFaces/faces/javax.faces.resource/css/style.css?ln=default&v=2__0"/>

ありがとう

リンク://jsf2/resources-library-in-jsf-2-0/#comment-85218[コメント、ガイドと修正]のためのhttp://balusc.blogspot.com/[BalusC]ありがとうございました。以前の誤解を招くようなガイド。

参考文献

JSFリソースライブラリとその使用方法は?]。 http://docs.oracle.com/javaee/6/api/javax/faces/application/ResourceHandler.html [JSF

ResourceHandler JavaDoc]。 https://blogs.oracle.com/rlubke/entry/jsf 2 0 new feature5[JSF 2.0 New

フィーチャープレビューシリーズ(パート2.1):リソース]

前の投稿:Hibernate - カスケードの例(保存、更新、削除、削除 - 孤立)
次の投稿:Java - 日、時間、分、秒で経過した時間