PHP -> CAKE

レイアウト

デフォルト設定

デフォルトのヘッダータイトル
( CakePHP: the rapid development php framework: )が表示される


読み込まれるView /cake/libs/view/layouts/default.ctp
<body>
  <div id="container">
    <div id="header">
      <h1><?php echo 
           $html->link(__('CakePHP: the rapid development php framework', true),
                                              'http://cakephp.org'); ?></h1>
    </div>
    <div id="content">
      <?php $session->flash(); ?>
      <?php echo $content_for_layout; ?>
    </div>
    <div id="footer">
      <?php echo $html->link(
              $html->image('cake.power.gif', 
                 array('alt'=> __("CakePHP: the rapid development php framework", true),
                   'border'=>"0")),
              'http://www.cakephp.org/',
              array('target'=>'_blank'), null, false
          );
      ?>
    </div>
  </div>
  <?php echo $cakeDebug; ?>
</body>
自分のページを作る場合通常は使用しないので変更する

ファイルの作成場所
デフォルトのファイル /cake/libs/view/layouts/default.ctp /cake/app/views/layouts/default.ctp にコピーする。

 デフォルトのファイルは消さずにそのまま置いておく事。

 とりあえずデフォルトの div は全部取り払って最低限必要なものだけにすると
 以下のようになる。
 <body>
   <?php $session->flash(); ?>
   <?php echo $content_for_layout; ?>
 </body>
 
 このまま表示しても 背景が初期値のままになっている。
 
 <body> のデフォルトスタイルが 
 /cake/app/webroot/css/cake.generic.css に定義されているからだ。
 
 その他 div に関しても定義されているので 自作の div を別途作成する場合は
 別ファイル common.css 等を作成し、view の先頭で以下のように読み込む。
 <?php echo $html->css('common'); ?>
 
 body のスタイルを以下のように変更した
 
 body.default {
   background: #003d4c;
   color: #fff;
   font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
   font-size:90%;
   margin: 0;
 }

 body {
   background: #fff;
   color: #000;
   font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
   margin: 0;
 }

修正後の画面


別のヘッダーファイルを作成する場合
/cake/app/views/elements にファイルを作成する。
ファイル list_header.ctp を作成した。
<h3>UNIX ユーザ一覧</h3>

このファイルを View で読み込むには以下のように記述する。
$lt;?php echo $this->element('list_header'); ?>

同じく h3 タグも 予めスタイルが定義されているので
変更したい場合は /cake/app/webroot/css/cake.generic.css を編集する。





先頭へ

      Document-Folder          一覧
HP-UX
HULFT
JAVA
JP1
JavaScript
Linux
MAC
PHP
Perl
Python
Ruby
SOA
Solaris
Unix全般
Windows
XML
エクセル
スタイルシート
セキュリティー
データベース
ネットワーク
パソコン
ブラウザ
プログラム構文
仮想化
          RSS-Folder
ニュース
   アットマーク・アイティ(@IT)
   シンクイット(ThinkIT)
   インターネットコム
   インターネットウォッチ
   日経IT-Pro
   日経パソコン
   CNET Japan
   ZD-NetJapan
   MYCOM
   RBB-Today
ベンダー
   日本IBM
   日本HP
   サンマイクロシステムズ
   NEC
   富士通
   日立
ソフトウェア
   マイクロソフト
   トレンドマイクロ
   オラクル
   サイボウズ
   Mozilla
   野村総合研究所
   (その他ソフトウェア企業)
更新履歴 一覧
 07/08 PERF
プログラム構文
 07/07 PERF
プログラム構文
 06/25 オブジェクトプログラミング2
Perl>サンプル
 07/12 クローン作成
仮想化>vCenter
 07/12 vyatta設定
ネットワーク>vyatta
 07/12 vyattaインストール
ネットワーク>vyatta
 07/12 リポジトリサーバ
Linux>サーバ構築
 07/05 VMwareのインストール
仮想化>VMware
 07/05 PXEブート
仮想化>KVM
 07/01 DHCPでのPXEブート
仮想化>KVM
 06/27 qcow2仮想DISK作成
仮想化>KVM
 06/13 NWの設定
仮想化>VMwareEsxi
 06/13 IPアドレスの変更
仮想化>VMwareEsxi
 06/12 自動ssh
Unix全般>シェル>Bash
 06/12 diffプログラミング
Python
Google