ＭｏｊｏｌｉｃｉｏｕｓとBootStrapで楽々Ｗｅｂ

開発＠dokechin

手順

mojo generate app FormApp::Web

１．スケルトンコードの生成

標準ではＣＳＳフレームワークが入っていない！

ダウンロードして、ファイル配置するの面倒

助けてＣＰＡＮ！

cpanm

Mojolicious::Command::

generate::bootstrap

２．BootStrapの取り込み

cd form_app_web

mojo generate bootstrap

3．layoutヘルパーの編集

welcome.html.epファイルdefault→bootstrap

Ｂｏｏｔｓｔｒａｐ Ｆｏｒｍ Ｂｕｉｌｄｅｒ

ドラッグとドロップでフォームが作成できる！

4.フォームの作成

Ｍｏｊｏｌｉｃｉｏｕｓのテンプレートに合わせるのが面倒だ

MojoHel• Ｂｏｏｔｓｔｒａｐ Form Bｕｉｌｄｅｒを改造版

• 生成ＨＴＭＬをＭｏｊｏｌｉｃｏｕｓテンプレートに変換する

5.バリデーションコードの実装

まとめ

• mojo generate app FormApp::Web

• cd form_app_web;mojo generate bootstrap

• Layoutヘルパーの引数をbootstrapへ

• ドラッグ＆ドロップでフォームを作成

• バリデーションコードの実装