mojolicous and bootstrap
DESCRIPTION
Making Mojolicous application included Bootstrap framework.TRANSCRIPT
MojoliciousとBootStrapで楽々Web
開発@dokechin
手順
mojo generate app FormApp::Web
1.スケルトンコードの生成
標準ではCSSフレームワークが入っていない!
ダウンロードして、ファイル配置するの面倒
助けてCPAN!
cpanm
Mojolicious::Command::
generate::bootstrap
2.BootStrapの取り込み
cd form_app_web
mojo generate bootstrap
3.layoutヘルパーの編集
welcome.html.epファイルdefault→bootstrap
Bootstrap Form Builder
ドラッグとドロップでフォームが作成できる!
4.フォームの作成
Mojoliciousのテンプレートに合わせるのが面倒だ
MojoHel• Bootstrap Form Builderを改造版
• 生成HTMLをMojolicousテンプレートに変換する
5.バリデーションコードの実装
まとめ
• mojo generate app FormApp::Web
• cd form_app_web;mojo generate bootstrap
• Layoutヘルパーの引数をbootstrapへ
• ドラッグ&ドロップでフォームを作成
• バリデーションコードの実装