質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.72%

Railsで情報付きボタンの作成の仕方

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 183

YK282

score 14

前提・実現したいこと

HTML、CSS、Rails(Ruby)を用いて情報付きのボタンを作成する。
俗にいう駆け出しであり、勉強不足な部分が多々あるため低レベルな質問なことをお許しください。

現在、注文アプリのようなものを作成しており、ボタンを押すことによって商品名、金額、個数(強制的に1つ)の情報をDBに送信をさせて、HTMLのテーブル(カート)に表示させようとしています。そこで以下のことを何度も調べたのですが先に進めなかったのでご回答を頂けたらと思います。今回初めて質問をするのでもし不足している若しくは追記すべき情報がありましたらお知らせください。
また、他に良い方法がありましたらそちらも教えていただけますと幸いです。よろしくお願いいたします。

・ボタンに上記3つの情報の持たせ方 (コントローラーに行う定義の仕方)
・モデルに記載すべきこと
・DBを作成するコードは” rails g model Order product:string price:integer quantity:integer ”で正しいかどうか。

該当のソースコード

該当HTMLの抜粋
<button type="submit"><img class="bag-img" src="bag.jpg"><br>バッグを一つ注文する</button>

該当コントローラーの抜粋
class BagsController < ApplicationController

class Bags 
attr_accessor :name 
attr_accessor :price
attr_accessor :quantity
end

def product
name:    ここに記載すべきものが分からない
price:         〃
quantity:       〃
end

該当モデル抜粋  cart.rb
belongs_to :product
belongs_to :cart

def total_price
product.price*quantity
end

インデントがうまくできなかったのでご了承ください。

補足情報(FW/ツールのバージョンなど)

Rails -v 5.2.3
AWS Cloud9
Windows

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

form_forをつかって実装できます。
rails tutorialのURLも貼ってあるので、以下を参考に実装してみて下さい。
https://railstutorial.jp/chapters/sign_up?version=5.1#sec-using_form_for

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

一度、下記で、Railsの基礎を把握してから、ショッピングカートを自分で構築するのか、gemを使って構築するのかなどを検討する流れが良いと思いました。
またDBのコード(rails g model)は問題ないかと思います。

#testorderをscaffoldで作る。
rails generate scaffold testorder product:string price:integer quantity:integer
rails db:migrate

上記コマンドだけで、testordersページを開くとCRUD(Create(生成)、Read(読み取り)、Update(更新)、Delete(削除))ができるようになっています。
こちらでビュー、コントローラー、モデル、ルートをどのように書けばよいか確認してみてください。
確認が終わったら、rails destroyで作ったtestorderを、削除することもできます。

参考
https://techacademy.jp/magazine/7204

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.72%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる