ユーザーからの入力によって結果が変わるページ
これまではリクエストによって固定の結果が表示されるページを作成しましたが、ここではユーザーの入力に応じて結果が変化するページを作成してみましょう。先ほど作成したrestaurantsプロジェクトに新しい機能を追加します。今回追加するのは「レストランの予算シミュレーター」です。機能の特徴は下記の通りです。
http://localhost:3000/budget/topにアクセスし、予約人数と一人当たりの予算を入力すると、http://localhost:3000/budget/resultに合計金額が計算される
- 10人ごとに1人分の予算が無料になる割引あり
- 何度も再計算ができる
上記の通り、シミュレーター機能は先ほど作成したtop.html
やabout.html
とは別のページに準備します。そのためには最初に何をすれば良いでしょうか。
routes, controller, viewを作成する
まず、http://localhost:3000/budget/top
、http://localhost:3000/budget/result
にアクセスできるように、routes、controller、viewを作成しましょう。budget/top
、budget/result
にアクセスし、正しくviewは表示されていますか?(現時点でviewは空で問題ありません)。
view、controller、routesの知識は、Railsを使った開発において欠かせない知識のひとつです。もし分からない点があれば、前章を復習しましょう。