Hatena::ブログ(Diary)

たまごを焼いてみる?@The_SunnySideup

2012-03-07

CakePHP2+TwitterBootstrapをbakeしてみる

おわんです。

CakePHP2のTwitterBootstrapプラグインがかっこいい - なんたらノート第三期ベータ

社内案件CakePHPを使ってます。
ずっと1.3系使っていて、最近2.1系がリリースされましたんで、使ってみるかぁってことで。
あと、噂のリッチスタイルTwitterBootstrapも使ってみよう!ってことで。

CakePHPセットアップまで

CakePHP: 高速開発 php フレームワーク。 Home

最新のCakePHPを落として、展開。

slywalker/TwitterBootstrap ? GitHub

  1. このGitHubプロジェクトをまるごとCake2の app/Plugin/TwitterBootstrap に入れる。
  2. app/Plugin/TwitterBootstrap/webroot に bootstrap の js, css, img を入れる。
  3. プラグインの中にある View/Layout/bootstrap.ctp と View/Element/alert.ctp を app/View の下の各所にコピー。

あとは、bakeするときに、「bootstrap」を選択する
f:id:The_SunnySideup:20120307154715p:image

出来上がりはこんな感じで。
f:id:The_SunnySideup:20120307154716p:image

scaffoldを使うとテンプレートの制御ができない?ので、paginateを用いたリストを取得しようと思ったんだけど、
最近全然CakePHP使ってなかったので、完全に忘れてましたw

セットアップのときに、微妙にはまったこと

nazolabo
Nippon Kaisho システムツール [ ランダムな文字列作成 ]
→ランダム文字列生成に使いましたよっと。

Bootstrap
→もっとリッチな仕上げにしましょう。

格言的な

今日は「新宿 春のCakeまつり」だよ!

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/The_SunnySideup/20120307/1331103299