cakePHPでAjaxとJSONを利用したWebサイトを作る時のチップスまとめ

こんばんは、ボーノです。

今まであんまりフレームワークを使ったことなかったんだけど、今後も高速開発とか身に付けたいので本格的に使ってみることに。

これを見れば次からは同じことで調べなくなるように、備忘録且つまとめとして取っておく。

CSS：Bootstrap使用
フレームワーク：cakePHP使用
データベース：MySQL使用
開発：vim使用
サーバー：localhostからのAWS
API：Google Maps API使用
データ受取：JSON

　　　コンテンツ

Bootstrapは指定フォルダに入れる
Controllerでの備忘録
その他

Bootstrapは指定フォルダに入れる

下記の、手動でimg, js, cssフォルダにファイルを入れる方法をとった。
Pluginフォルダに入れるだけなので簡単。

CakePHPのデザインをTwitter Bootstrapに変更する作業のメモ | asklife

Controllerでの備忘録

class内で使用するデータベースを用意する。

public $name = "Main"; //使用するコントローラの名前を宣言
public $uses = array('Question', 'Answer', 'User'); //使用するデータベースを指定
public $autoLayout = false; //指定しないとdefault.ctpが適用される
public $autoRender = true; //trueにしないとレンダリングしてくれない
public $helpers = array('Js' =&gt; array('Jquery')); //ヘルパーを指定
public $components = array('RequestHandler'); //Ajaxを使う時に必要みたい

public $name = "Main"; //使用するコントローラの名前を宣言

public $uses = array('Question', 'Answer', 'User'); //使用するデータベースを指定

public $autoLayout = false; //指定しないとdefault.ctpが適用される

public $autoRender = true; //trueにしないとレンダリングしてくれない

public $helpers = array('Js' => array('Jquery')); //ヘルパーを指定

public $components = array('RequestHandler'); //Ajaxを使う時に必要みたい

JSON形式でデータをやり取りする場合に必要みたい。

public function beforeFilter(){
    if($this-&gt;RequestHandler-&gt;isAjax()){
        if($this-&gt;action =='getAjaxAnswer'){
            Configure::write('debug', 0);
            $this-&gt;RequestHandler-&gt;setContent('json');
            $this-&gt;RequestHandler-&gt;respondAs('application/json; charset=UTF-8');
        }
    }
}

public function beforeFilter(){

if($this->RequestHandler->isAjax()){

if($this->action =='getAjaxAnswer'){

Configure::write('debug', 0);

$this->RequestHandler->setContent('json');

$this->RequestHandler->respondAs('application/json; charset=UTF-8');

}

ビューに値を渡す方法。$this->set()を使う。
Questionはデータベースの名前。find('all')は全てのカラムから取得。

条件指定をする時は、find('all', array('conditions'=> hoge))という書き方をする。

public function hoge() {
    Configure::write('debug', 0); //デバッグを無効に。有効にする時は1
    $dataOfQuestion = $this-&gt;Question-&gt;find('all');
    $this-&gt;set('dataOfQuestion', $dataOfQuestion);
}

public function hoge() {

Configure::write('debug', 0); //デバッグを無効に。有効にする時は1

$dataOfQuestion = $this->Question->find('all');

$this->set('dataOfQuestion', $dataOfQuestion);

}

データの保存する時は$this->save()を使う。
なお、時間を入れたい時はdate('Y-m-d H:i:s')等でよい。

public function addRecord() {
        $this-&gt;Question-&gt;data['Question']['created_at'] = date('Y-m-d H:i:s');
        $this-&gt;Question-&gt;data['Question']['place_lat'] = const;
        $this-&gt;Question-&gt;save($this-&gt;data);
}

public function addRecord() {

$this->Question->data['Question']['created_at'] = date('Y-m-d H:i:s');

$this->Question->data['Question']['place_lat'] = const;

$this->Question->save($this->data);

}

JSON形式でビューにデータを渡す時は下記方法で。json_encodeを使う。

    return new CakeResponse(array('body' =&gt; json_encode(array(
        'content'=&gt; $dataOfQuestion[$dataNumber]['Question']['content'],
        'level'=&gt; $dataOfQuestion[$dataNumber]['Question']['level'],
        'qid'=&gt; $dataOfQuestion[$dataNumber]['Question']['qid']
    ))));

return new CakeResponse(array('body' => json_encode(array(

'content'=> $dataOfQuestion[$dataNumber]['Question']['content'],

'level'=> $dataOfQuestion[$dataNumber]['Question']['level'],

'qid'=> $dataOfQuestion[$dataNumber]['Question']['qid']

))));

データベースからある条件のデータを取得する時

    $selectedQuestion = $this-&gt;Question-&gt;find('all', array(
        'conditions'=&gt; array('Question.qid' =&gt; $qid)));

$selectedQuestion = $this->Question->find('all', array(

'conditions'=> array('Question.qid' => $qid)));

その他

ビューとかデータベースとか全体的なところはまた次回で。

＼電子工作歴9年の私のイチ押し！ELEGOOの電子工作キット／