scaffoldで自動作成された「リンク」を「ボタン」に変更したい

Question

scaffoldで簡単にアプリを作ったとします。

rails g scaffold User user:string name:string

上記のコマンドを実行しますと自動的にコードが作成されます。
app/views/users/index.htmlのソース内の

<%= link_to 'New User', new_user_path %>

この部分をリンクではなくボタンに変更したいのですが、リンクボタンに変更するにはどうしたら良いでしょうか？

Answer 1

ボタンはフォーム内になければならないので、単に link_to を button_to に直しても上手くいきません。
ボタン風でよければ、CSS でリンクをボタンのように見せるのが、手っ取り早いのではないかと思います。

リンクの方に html の class を付けておいて、CSS ファイルの方でその class に対してボタンに見えるような定義をしておきます。
<%= link_to 'New User', new_user_path, class:"btnlike" %>

CSS の記述の方はボタン風の CSS のジェネレーターなどがあるので、そちらを使えば好みものが作れます。

• ボタン作りの手間を削減！CSSボタンデザインジェネレーターまとめ - W3Q

Comments

[退会済みユーザー]

フォーム内で使用しなければ書き換えても駄目なのですね。。。そもそもボタンはリンクするという発想よりも、何かのアクションを起こすのに使用するというのが自然なのかもしれませんね。しかし、デザイン上の理由でどうしてもボタンにしたい時もありますよね。そういう時は。。。。なるほど、cssで実装するという発想があるのですね！
これは思い浮かびませんでした。参考になります。　この方法でしたら他の場面でも応用できそうです。ありがとうございました☆

Answer 2

No route matches [POST] "/users/new"
と出てしまいました。

/users/new を POST で呼び出せるようにすることが可能です。

config/routes.rb を次の様に編集してみてください。

  resources :users
  post 'users/new' => 'users#new'

２ 行目に まさに post での呼び出しルールを追加しだけです。

$ rake routes とすると、どんな URL の呼び出しが可能かを確認できます。
編集した後なら次のような出力が得られるはずです。(編集前の出力とも比べてみてください)

   Prefix Verb   URI Pattern               Controller#Action
    users GET    /users(.:format)          users#index
          POST   /users(.:format)          users#create
 new_user GET    /users/new(.:format)      users#new
edit_user GET    /users/:id/edit(.:format) users#edit
     user GET    /users/:id(.:format)      users#show
          PATCH  /users/:id(.:format)      users#update
          PUT    /users/:id(.:format)      users#update
          DELETE /users/:id(.:format)      users#destroy
users_new POST   /users/new(.:format)      users#new

一番最後の行に POST users#new の POST 呼び出しが表示されています。

この状態なら、<%= button_to("New User", :action =>'new') %>　の button のクリックをすると、エラーにならずに新規ユーザー登録画面が表示されます。

Comments

[退会済みユーザー]

ルーティングの設定の問題だったのですね。。
勉強したばかりの初心者で、ルーティングについてよく理解しておりませんでした。

なるほど、ルーティング設定のコードをいじってみると、どのように変化するか理解しやすいですね。ネット上ではさまざまなページでルーティングについての説明が掲載されているものの、初心者には文章だけではいまいち取っ付きにくい部分でした。。。
ですが、それなら実際にroute.rbを編集してどう変化するかを見た方が理解を深める上で効果的ですね。丁寧にご回答いただきありがとうございます。

Answer 3

methodオプションでgetを指定します。

<%= button_to 'New User', new_user_path, :method => :get %>

button_to はformタグを生成しますので
出来ればclass属性をしてスタイルシートでリンクをボタンに変更するのがいいのかもしれません。

Comments

[退会済みユーザー]

皆様の解答にあります通りbutton_toはデフォルトでpostに設定されているのですね。
１つ勉強になりました。
そして、こちらのコードでボタンにすることができました。ありがとうございました☆