Mojolicous and Bootstrap

528 views
457 views

Published on

Making Mojolicous application included Bootstrap framework.

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
528
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mojolicous and Bootstrap

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

×