2012-03-07
CakePHP2+TwitterBootstrapをbakeしてみる
おわんです。
CakePHP2のTwitterBootstrapプラグインがかっこいい - なんたらノート第三期ベータ
社内案件でCakePHPを使ってます。
ずっと1.3系使っていて、最近2.1系がリリースされましたんで、使ってみるかぁってことで。
あと、噂のリッチスタイルTwitterBootstrapも使ってみよう!ってことで。
CakePHPセットアップまで
CakePHP: 高速開発 php フレームワーク。 Home
最新のCakePHPを落として、展開。
slywalker/TwitterBootstrap ? GitHub
- このGitHubプロジェクトをまるごとCake2の app/Plugin/TwitterBootstrap に入れる。
- app/Plugin/TwitterBootstrap/webroot に bootstrap の js, css, img を入れる。
- プラグインの中にある View/Layout/bootstrap.ctp と View/Element/alert.ctp を app/View の下の各所にコピー。
あとは、bakeするときに、「bootstrap」を選択する
出来上がりはこんな感じで。
scaffoldを使うとテンプレートの制御ができない?ので、paginateを用いたリストを取得しようと思ったんだけど、
最近全然CakePHP使ってなかったので、完全に忘れてましたw
セットアップのときに、微妙にはまったこと
no title
Nippon Kaisho システムツール [ ランダムな文字列作成 ]
→ランダム文字列生成に使いましたよっと。
Bootstrap
→もっとリッチな仕上げにしましょう。
格言的な
トラックバック - http://d.hatena.ne.jp/The_SunnySideup/20120307/1331103299
リンク元
- 4 http://reader.livedoor.com/reader/
- 1 http://d.hatena.ne.jp/tanakahisateru/20120228/1330431278
- 1 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=17&cts=1331137004028&ved=0CF0QFjAGOAo&url=http://d.hatena.ne.jp/The_SunnySideup/20111018&ei=5YlXT9uIO47RmAXsn8izDw&usg=AFQjCNG402sx_grQYs8ZHp89wmcpEdGPbQ
- 1 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cts=1331172111977&ved=0CDgQFjAB&url=http://d.hatena.ne.jp/The_SunnySideup/20111017/1318828486&ei=BhNYT9fjHIbUmAXW8byyDw&usg=AFQjCNGrCStUfamxPS_BF1nO-RNtfyih4A&sig2=BGSvBMfBmAzhzx
- 1 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=8&cts=1331181871859&ved=0CGYQFjAH&url=http://d.hatena.ne.jp/The_SunnySideup/20111024/1319453463&ei=CDlYT_rtBuWeiAfH18TDDQ&usg=AFQjCNEikhSfzr_p1E2tPQaBuS9YukvrGw
- 1 http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cts=1331180931936&ved=0CEQQFjAC&url=http://d.hatena.ne.jp/The_SunnySideup/20120307/1331103299&ctbs=lr:lang_1ja&ei=gzVYT7HHN-6amQX82920Dw&usg=AFQjCNG4amjqDmVGiSbRaEVkc_P2U0nIzg&si
- 1 http://www.google.com/url?sa=t&rct=j&q=twitterbootstrap 見出し&source=web&cd=3&ved=0CC4QFjAC&url=http://d.hatena.ne.jp/The_SunnySideup/20120307/1331103299&ei=UDpXT8D0L8OSiAfw5vCtDQ&usg=AFQjCNG4amjqDmVGiSbRaEVkc_P2U0nIzg
