5.2.4 レイアウトテンプレート

レイアウトテンプレートは,ポータル画面全体のレイアウトを決定するテンプレートです。クライアントごとにレイアウトテンプレートが異なります。

設定内容,および各クライアントのレイアウトテンプレート例を示します。

<この項の構成>
(1) 設定内容
(2) PC用レイアウトテンプレート例
(3) iモード用レイアウトテンプレート例
(4) EZweb用レイアウトテンプレート例

(1) 設定内容

カスタマイズできる設定内容について説明します。レイアウトテンプレートをカスタマイズする場合は,ここで説明する設定以外は変更しないように注意してください。

文字コード

<%@ page contentType="text/html; charset=Shift_JIS" %>

pageディレクティブで,contentTypeとcharsetを指定します。
  • contentType
    contentTypeには,MIMEタイプを指定します。contentTypeに指定するMIMEタイプを次の表に示します。

    表5-6 contentTypeに指定するMIMEタイプ

    記述言語MIMEタイプ
    HTMLtext/html
    CHTMLtext/html
    HDMLtext/x-hdml
  • charset
    ポータルで日本語を使用する場合,charsetに文字コードを指定する必要があります。文字コードには,デフォルトエンコーディングで指定されている文字コードと同一の文字コードを指定することを推奨します。デフォルトエンコーディングには,UTF-8が指定されています。デフォルトエンコーディングについては,「6.2 デフォルトエンコーディングの設定」を参照してください。
ブラウザキャッシュの設定
Webブラウザのキャッシュを無効にする設定を行います。Webブラウザのキャッシュを有効にしている場合はこの設定を行ってください。
base設定

<base href="<portal:uriLookup type="BaseURL" />">

ポータルのベースとなるURLを生成します。SSLアクセラレーターまたはリバースプロキシを使用した環境でuCosminexus Portal Frameworkを使用する場合,URL変換規則の設定によっては,このタグを削除する必要があります。そうでない場合には,この設定は変更しないでください。
SSLアクセラレーターまたはリバースプロキシを使用時のURL変換規則については,「6.8 SSLアクセラレーターまたはリバースプロキシ使用時の設定」を参照してください。
ナビゲーションバー

<portal:jetspeedNavigation  defaultTemplate="top_default.jsp"  loggedInTemplate="top_loggedIn.jsp" />

ナビゲーションバーを挿入するためのjetspeedNavigationタグを指定します。タグを指定した位置にナビゲーションテンプレートが挿入されます。次のパラメタが指定できます。
  • defaultTemplate(必須)
    defaultTemplateパラメタには,ログイン前の画面に表示するナビゲーションテンプレートを指定します。
  • loggedInTemplate(オプション)
    loggedInTemplateパラメタには,ログイン後の画面に表示するナビゲーションテンプレートを指定します。
ポートレットの合成画面表示

<portal:ecsscreen />

ecsscreenタグを記述した位置に,ポートレット合成画面が挿入されます。

(2) PC用レイアウトテンプレート例

<%@ page contentType="text/html; charset=Shift_JIS" %>
<%@ page import="jp.co.hitachi.soft.portal.api.util.StringResource" %>
<%@ page import="jp.co.hitachi.soft.portal.api.user.LocaleData" %>
<%@ page import="jp.co.hitachi.soft.portal.api.csdc.util.CsdcResources" %>
<!--   タグライブラリ   -->
<%@ taglib uri='http://soft.hitachi.co.jp/portal/standard' prefix='portal' %>
<%@ taglib uri='http://soft.hitachi.co.jp/portal/scriptutil' prefix='scutil' %>
<%@ taglib uri='http://soft.hitachi.co.jp/portal/api/csdc' prefix='csdc' %>
<%
//言語別リソースを取得する
StringResource rs = StringResource.getStringResource(request,"hptl_common");
//ポータルに設定されている言語コードを取得する
String lang = LocaleData.getLanguage(request);
String CssPath = "css/" + lang + "/default.css";
String stdCssPath = "css/" + lang + "/standard.css";
%>

<%
//
// ブラウザキャッシュの設定
// IEの設定で以下の設定を許可する運用を行う場合,記述が必要です。
// 許可しない場合,削除することが可能です。
//
// [運用条件]ブラウザのキャッシュ有効化を許可する
// ・「ツール」メニューの「インターネットオプション」を選択
// ・「インターネット一時ファイル」の「設定...」を選択
// ・「保存しているページの新しいバージョン」を「確認しない」に設定
//
   // (1)HTMLのキャッシュ無効化時期を現在時刻に設定します
   response.setDateHeader("Expires", System.currentTimeMillis());

   // (2)HTTP1.0対応ブラウザに対して「キャッシュしない」を指定します
   response.setHeader("Pragma","no-cache");

   // (3)HTTP1.1対応ブラウザに対して「キャッシュしない」を指定します
   response.setHeader("Cache-Control","no-cache");
%>

<html>
   <head>  <title>uCosminexus Portal Framework</title>  
       <!--   base設定   -->
       <base href="<portal:uriLookup type="BaseURL" />">
       <!-- スタイルシートの設定 -->
       <!-- standard.cssの設定  -->
       <link href="<portal:contentUri href="<%= stdCssPath %>" />" type="text/css" rel="stylesheet">
       <!-- default.cssの設定 -->
       <link href="<portal:contentUri href="<%= CssPath %>" />" type="text/css" rel="stylesheet">
       <!-- Script Language setting for event handler -->
       <meta http-equiv="Content-Script-Type" content="text/javascript">
       <!-- ここにユーザ固有のスクリプトや設定を記述します。 -->

   </head>
   <body bgcolor="#ffffff" onLoad="hptl_user_LoginFocus()">
       <!--   上部ナビゲーションの設定   -->
       <table cellspacing="0" width="100%" border="0" cellpadding="0">
          <tr>
             <td>
                 <img src="<portal:contentUri href="images/Cosmi.gif" />">
             </td>
             <td>
                <!-- ログイン前,ログイン後のナビゲーションを表示します -->
                <portal:jetspeedNavigation  defaultTemplate="top_default.jsp"  loggedInTemplate="top_loggedIn.jsp" />
             </td>
          </tr>
       </table>
       <!-- 左部ナビゲーションとポートレット表示領域の設定 -->
       <table cellspacing="0" width="100%" cellpadding="0" border="0">
           <tr>
              <td valign="top" bgcolor="#ffffff" width="5%">
                 <!-- 左部のナビゲーションを表示します -->
                 <portal:jetspeedNavigation  defaultTemplate="left.jsp" />
              </td>
              <td valign="top" bgcolor="#ffffff">
                   <!-- ポートレット表示領域を表示します -->
                   <portal:ecsscreen />
              </td>
          </tr>
       </table>
       <!-- output script area. don't delete -->
       <scutil:scriptOutput type="onLogout">
           <noscript>
               <table cellspacing="0" width="100%" cellpadding="0" border="0">
                   <tr><td bgcolor="#ffff00">
                       <%=rs.getString("LH_DE_BROWSER")%>
                   </td></tr>
               </table>
           </noscript>
       </scutil:scriptOutput>

       <table cellspacing="0" width="100%" cellpadding="0" border="0">
           <tr>
               <td valign="bottom" bgcolor="#ffffff">
                 <!--   下部ナビゲーションの設定   -->
                 <portal:jetspeedNavigation defaultTemplate="bottom.jsp" />
               </td>
           </tr>
       </table>
       <!-- CSDC setting -->
       <csdc:use/>

<scutil:layoutMaxAlert app="hptl_common" msg="LAYOUT_MAX_ERR_MESSAGE" count="LAYOUT_MAX_ERR_COUNT" title="LAYOUT_MAX_ERR_TITLE" />
   </body>
</html>

(3) iモード用レイアウトテンプレート例

<%@ page contentType="text/html; charset=Shift_JIS" %>
<!--   タグライブラリ   -->
<%@ taglib uri=' http://soft.hitachi.co.jp/portal/standard ' prefix='portal' %>
<html><HEAD>
<Title>Cosminexus Portal Framework</Title>
</HEAD>
<BODY>
   <!--   上部ナビゲーションの設定   -->
<portal:jetspeedNavigation defaultTemplate="top_chtml.jsp" loggedInTemplate="top_loggedInchtml.jsp" />
   <!--   ポートレット合成部分の設定   -->
   <portal:ecsscreen />
   <!--   下部ナビゲーションの設定   -->
   <portal:jetspeedNavigation  defaultTemplate="bottom_chtml.jsp" />
</BODY></html>

(4) EZweb用レイアウトテンプレート例

<%@ page contentType="text/x-hdml;charset=Shift_JIS" %>
<!--   タグライブラリ   -->
<%@ taglib uri=' http://soft.hitachi.co.jp/portal/standard' prefix='portal' %>
<HDML VERSION=3.0 MARKABLE=TRUE TTL=0>
   <!--   上部ナビゲーションの設定   -->
 <portal:jetspeedNavigation  defaultTemplate="top_hdml.jsp" />
   <!--   ポートレット合成部分の設定   -->
 < portal:ecsscreen />
   <!--   下部ナビゲーションの設定   -->
 < portal:jetspeedNavigation  defaultTemplate="bottom_hdml.jsp" />
</HDML>