akky’s log

2007/8/30 木曜日

本番環境とテスト環境でのURLの差異を吸収する

��医��鴻��医��с��URL��勲�違��後��のはてなブックマーク被リンク数

Filed under： cakePHP — akky @ 18:57:28

cakePHPでは開発環境はDocumentRootの下に一式展開するのだが、本番環境をセットアップするときには余計なファイルを見られないようにapp/webrootをWebサーバのDocumentRootに設定せよ。と CakePHP プログラマーズリファレンスガイドに書かれている。これを素直に実行すると開発環境と本番環境ではURLが異なってしまう。まさか、本番環境へリリースするときにわざわざ書き換えるなんてことはしたくない。でも、それを何とかしないと開発が行い難い。特に困ったのがCSS。app/views/layout/default.thtml に読ませるCSSを指定したときに、相対パスだと読める（たどり着ける）ページとたどりつけないページが出てきて、不統一っぷりが格好悪い。

そんな問題を解決してくれるのがHTMLヘルパー。よく使うのはHtmlHelper::link。内部へのリンクはこれを使い、”/コントローラ名/～”と書くことで出力されるHTMLをヨロシクやってくれるので、作り手が環境を気にする必要がない。上のCSSの例だとdefault.htmlに

<?php echo $html->css(”common”); ?>

とするとapp/webroot/css/common.css を読み込むようにhref属性を作ってくれる。

これを知らなかったとには、試しに本番環境へアップロードしたらNotFoundになるのでワザワザソースを書き換えていた。そのときは、「こんなんじゃ使いモノにならないじゃん」とも思った。他の人も悩んでいると思い、ぐぐってみるとhttp://li-pton.com/wordpress/php/cakephp_virtual_host.htmlにバーチャルホストで解決させるという案があった。最初に見たときは「成る程！！」とも思ったが、これは、これで面倒だとも思った。

HTMLヘルパーで解決するのが（思想的にも）スマートと思う。URLを書くたびにHTMLヘルパーを使ったコーディングになってしまうのは、それはそれで、如何なものかとも思うが、現実的な方法かな。

トラックバック URI : http://www.akky.org/archives/38/trackback/

コメント (0)

2007/8/29 水曜日

pagination.phpを使ったページング

pagination.php��篏帥�ｃ��若�吾�潟�阿里呂討淵屮奪�沺璽�錺螢鵐��

Filed under： cakePHP — akky @ 22:19:17

cakePHPでページングをするです。http://bakery.cakephp.org/articles/view/paginationを見て３つのソースファイルをダウンロードしてviewとcontrollerを変更します。

簡単な説明

コントローラへの変更

<?php
class PostsController extends AppController
{
    var $name = 'Posts'; // for PHP4 installs
    var $components = array ('Pagination'); // http://bakery.cakephp.org/articles/view/67 　からダウンロードしたコンポーネントを使う宣言
    var $helpers = array('Pagination'); //  http://bakery.cakephp.org/articles/view/68 からダウンロードしたヘルパーを使う宣言

    function index() {
        $criteria=NULL; // WHERE句に使う条件
        list($order,$limit,$page) = $this->Pagination->init($criteria); // コンポーネントの初期化
        $data = $this->Post->findAll($criteria, NULL, $order, $limit, $page); // コンポーネントで初期化された条件を使ってDBから読み込み

        $this->set('data',$data);　
    }
}
?>

viewを変更

<h1>Paginated Posts Index</h1>
<table>
<?php
$pagination->setPaging($paging); // Initialize the pagination variables ??よくわからんです。
$th = array (
            $pagination->sortBy('id'),
            $pagination->sortBy('title'),
            $pagination->sortBy('created')
); // Generate the pagination sort links
echo $html->tableHeaders($th); // Create the table headers with sort links if desired

foreach ($data as $output)
{
    $tr = array (
        $output['Post']['id'],
        $html->link($output['Post']['title'], "/Posts/View/{$output['Post']['id']}"),
        $output['Post']['created']
        );　// １行分のtrを作成
    echo $html->tableCells($tr,array('class'=>'altRow'),array('class'=>'evenRow'));
}
?>
</table>
<? echo $this->renderElement('pagination'); // Render the pagination element　http://bakery.cakephp.org/articles/view/69 からダウンロードしたelementを使ってページ番号のリンクを作成
 ?>

その他、判ったこと

app/webroot/img/nav/arrowleft.gifとapp/webroot/img/nav/arrowright.gifを用意すると次ページ、前ページを意味するイメージが表示される。変更したい場合は /app/views/elements/pagination.thtml を編集すればよい
１ページに表示する件数を指定するにはコントローラで $this->Pagination->init($criteria) 前で $this->Pagination->show=件数とする
勝手にajaxとして動作する場合はコントローラーで $this->Pagination->ajaxAutoDetect=false とする。判断は /app/controllers/components/pagination.php の_checkAjax()が行なっている

トラックバック URI : http://www.akky.org/archives/37/trackback/

コメント (0)

2007/8/23 木曜日

GoogleMapを使って住所から緯度と経度を求める

GoogleMap��篏帥�ｃ��膩�墾��綺��羆��のはてなブックマーク被リンク数

Filed under： googlemap — akky @ 19:29:03

Google Maps API を使って地名もしくは住所から緯度経度を求めるには
GClientGeocoder のgetLatLng(address, callback）メソッドを使うと
GLatLang　が返却される。これから緯度と経度をそれぞれ取得すればよい。

参考：http://blog.fkoji.com/2006/06142213.html

下がためしに作成したソースです。
左上のテキストボックスに地名もしくは住所を入力して得られた緯度/経度を中心にします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>緯度経度お試し</title>

<script xsrc="http://maps.google.com/maps?file=api&v=2.x&key=YouKey" mce_src="http://maps.google.com/maps?file=api&v=2.x&key=YouKey"  type="text/javascript"></script>

<script xsrc="http://www.google.com/jsapi" mce_src="http://www.google.com/jsapi"  type="text/javascript"></script>

<script language="Javascript" type="text/javascript">

//<![CDATA[

var geocode = new GClientGeocoder();

var map;

var centerMarker;

var centerPoint;

/*

* bodyをロード後にGooleMapの地図を表示

*/

function load() {

centerPoint        = new GLatLng(35.675888, 139.744858);

//地図のインスタンスを生成します

map = new GMap2(document.getElementById("map"));

// 中心値に移動

map.setCenter(centerPoint, 17);

// 値にマーカーを表示

centerMarker = new GMarker(centerPoint);

map.addOverlay(centerMarker);

// パン移動とスライダーズームの使える大きなコントロール

map.addControl(new GLargeMapControl());

} /*

* 住所から緯度経度を求めてGoogleMapに反映

*/

function localsearch(){

// 入力された住所の住所の一覧を取得

var address=document.getElementsByName("target_address").item(0).value;

// GClientGeocoder を使って緯度/経度を求める

geocode.getLatLng(address, function(point){

if(point != null ){

// 取得できた緯度、経度を取り出す

var lat = point.lat();

var lng = point.lng();

var msg = "lat=" + lat + " lng=" + lng;

document.getElementById("result").innerHTML = msg;

// GooelMapの中心を取得した緯度経度に移動

centerPoint = point;

map.setCenter(centerPoint);

// マーカーを新しい中心緯度経度に作り変え

if ( centerMarker != null ){

map.removeOverlay(centerMarker);

centerMarker = new GMarker(centerPoint);

map.addOverlay(centerMarker);

}

}else{

alert("「" + address + "」の緯度経度を取得できませんでした");

}

}

);

}
//]]>

</script>

</head>

<body onload="load()">

<input type="textarea" id="target_address" name="target_address" value="国会議事堂"><input type="button" name="exec" value="検索" onClick="localsearch()">

<div id="result">ここに求めた緯度経度</div>

<div id="map" style="width: 480px; height: 320px;"></div>

</body>

</html>