Railsで、bootstrapを使い、form_withを用いてDBにデータを保存したい
railsで新規投稿ページを実装しています。ビューを効率的に作るためにbootstrapを使用してみました。
新規投稿ページのビューは完成したので、サーバーサイド側の実装(create アクション等)を始めました。
form_withを使う際に、bootstrapのテンプレートを実際にどのように書き直せばDBにデータ保存されるのでしょうか?
発生している問題・エラーメッセージ
SyntaxError in PostsController#new
該当のソースコード
rails
1= form_with model: @post, local: true do |f| 2 .container 3 .post-form__title 4 Post Data about your trip! 5 %form 6 %label.my-1.mr-2{:for =>"inlineFormCustomSelectDate"} Date (Don't put "0", eg...Day:01→1) 7 .form-row 8 .col 9 = f.number_field :year, class: "form-inline", placeholder: "Year" 10 .col 11 = f.number_field :month, class: "form-inline", placeholder: "Month" 12 .col 13 = f.number_field :day, class: "form-inline", placeholder: "Day" 14 .form-row 15 .col 16 = f.time_field :StartTime, class: "form-control", placeholder: "StartTime" 17 .col 18 = f.time_field :EndTime, class: "form-control", placeholder: "EndTime" 19 20 %form 21 .form-inline 22 %label.my-1.mr-2{:for =>"inlineFormCustomSelectWeather"} Weather Condition 23 = f.select id: inlineFormCustomSelectWeather, class: "custom-select.my-1.mr-sm-2" 24 %option{:selected => "selected"} Choose the weather condition... 25 %option{:value => "1"} "1).sunny" 26 %option{:value => "2"} 2).rainy 27 %option{:value => "3"} 3).snowy 28 .form-inline 29 = f.text_field :Temperature, class: "form-control", placeholder: "Temperature(Celsius)" 30 %input.form-control{:placeholder => "Temperature(Celsius)", :type => "integer"}/ 31 32 %form 33 .form-inline 34 %label.my-1.mr-2{:for =>"inlineFormCustomSelectStatus"} Driving Status 35 %select#inlineFormCustomSelectStatus.custom-select.my-1.mr-sm-2 36 %option{:selected => "selected"} Choose your driving status... 37 %option{:value => "1"} 1).local road 38 %option{:value => "2"} 2).highway 39 %option{:value => "3"} 3).mountain path 40 %option{:value => "4"} 4).mix 1+2 41 %option{:value => "5"} 5).mix 1+3 42 43 %form 44 .form-inline 45 %label.my-1.mr-2{:for =>"inlineFormCustomSelectMode"} Driving Mode 46 %select#inlineFormCustomDrivingMode.custom-select.my-1.mr-sm-2 47 %option{:selected => "selected"} Choose your driving mode... 48 %option{:value => "1"} 1).normal 49 %option{:value => "2"} 2).sports 50 %option{:value => "3"} 3).ludicrous 51 %option{:value => "4"} 4).mix 1+2 52 53 %form 54 %label.my-1.mr-2{:for =>"inlineFormCustomSelectDistance"} Distance(km) 55 .form-inline 56 %input.form-control{:placeholder => "Distance your trip...", :type => "integer"}/ 57 58 %form 59 %label.my-1.mr-2{:for =>"inlineFormCustomSelectConsumption"} Consumption(%) 60 .form-inline 61 %input.form-control{:placeholder => "Battery consumption...", :type => "integer"}/ 62 63 %form.comments 64 %label{:for => "exampleFormControlTextarea1"} additional comments 65 %textarea.form-control 66 67 = f.submit "submit", class: 'btn btn-primary'
試したこと
bootstrapとform_withが関連している情報がかなり少なく検索に苦戦しております。
= f.text_field :Temperature, class: "form-control", placeholder: "Temperature(Celsius)"までの行は自分でform_withを適用させてみたのですがこの書き方で違うところがあればご指摘お願いいたします。
補足情報(FW/ツールのバージョンなど)
全てご指摘なさらなくて問題ありません。
できたら、= f.text_field :Temperature, class: "form-control", placeholder: "Temperature(Celsius)
までの、私がform_withの適用した部分の添削をしてくださると大変助かります。
あなたの回答
tips
プレビュー