ローカルサーバーでfurimaのviewが「Yay!You're on rails!」が表示されているだけで、うまくフリマのトップページのブラウザに反映されません。新規登録画面とログイン画面は表示できたのですが、トップページが紐付けされてないみたいで実装に困っています。以下コードになります。
app/views/layouts/application.html.erb <!DOCTYPE html> <html> <head> <title>Furima</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <script type="text/javascript" src="https://js.pay.jp/v1/"></script> <%= stylesheet_link_tag 'application', media: 'all'%> <%= javascript_pack_tag 'application' %> </head> <body> <%= yield %> </body> </html>
app/views/shard/_header.html.erb <%# CSS・・・assets/stylesheets/shared/header.css %> <header class='top-page-header'> <div class='search-bar-contents'> <%= link_to image_tag("furima-logo-color.png", class:"furima-icon"), "/" %> <form class="search-form" action="#"> <input class='input-box' placeholder='キーワードから探す'> <button class="search-button"> <%= image_tag "search.png", class:"search-icon" %> </button> </form> </div> <div class='nav'> <ul class='lists-left'> <li><%= link_to 'カテゴリー', "#", class: "category-list" %></li> <li><%= link_to 'ブランド', "#", class: "brand-list" %></li> </ul> <ul class='lists-right'> <% if user_signed_in? %> <%# deviseを導入できたら、ログインの有無で表示が変わるように分岐しましょう%> <li><%= link_to current_user.nickname, user_registration_path, class: "user-nickname" </li> %> <li><%= link_to 'ログアウト', destory_user_session_path, method: :delete, class: "logout" </li> %> <% else %> <li><%= link_to 'ログイン', new_user_session_path, class: "login" %></li> <li><%= link_to '新規登録', new_user_registratoon_path, class: "sign-up" %></li> <% end %> <%# //deviseを導入できたら、ログインの有無で表示が変わるように分岐しましょう%> </ul> </div> </header>
app/views/devise/registration/new.html.erb <%= render "shared/second-header"%> <%# 「モデル名」にはUserモデルであれば@userを渡しましょう。「新規登録機能へのパス」は、devise導入後にrails routesを実行してdevise/registrations#createへのパスを確認し、記載してください。 %> <%= form_with model: @user, url: user_registration_path, class: 'registration-main', local: true do |f| %> <%# //「モデル名」にはUserモデルであれば@userを渡しましょう。「新規登録機能へのパス」は、devise導入後にrails routesを実行してdevise/registrations#createへのパスを確認し、記載してください。 %> <div class='form-wrap'> <div class='form-header'> <h1 class='form-header-text'> 会員情報入力 </h1> </div> <%# インスタンスを渡して、エラー発生時にメッセージが表示されるようにしましょう。%> <%= render 'shared/error_messages', model: f.object %> <%# //インスタンスを渡して、エラー発生時にメッセージが表示されるようにしましょう。%> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">ニックネーム</label> <span class="indispensable">必須</span> </div> <%= f.text_area :nickname, class:"input-default", id:"nickname", placeholder:"例) furima太郎", maxlength:"40" %> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">メールアドレス</label> <span class="indispensable">必須</span> </div> <%= f.email_field :email, class:"input-default", id:"email", placeholder:"PC・携帯どちらでも可", autofocus: true %> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">パスワード</label> <span class="indispensable">必須</span> </div> <%= f.password_field :password, class:"input-default", id:"password", placeholder:"6文字以上の半角英数字" %> <p class='info-text'>※英字と数字の両方を含めて設定してください</p> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">パスワード(確認)</label> <span class="indispensable">必須</span> </div> <%= f.password_field :password_confirmation, class:"input-default", id:"password-confirmation", placeholder:"同じパスワードを入力して下さい" %> </div> <div class="form-group"> <p class='form-info-header'> 本人確認 </p> <p class='form-info-text'> 安心・安全にご利用いただくために、お客さまの本人情報の登録にご協力ください。他のお客さまに公開されることはありません。 </p> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">お名前(全角)</label> <span class="indispensable">必須</span> </div> <div class='input-name-wrap'> <%= f.text_area :first_name, class:"input-name", id:"first-name", placeholder:"例) 山田" %> <%= f.text_area :family_name, class:"input-name", id:"family-name", placeholder:"例) 陸太郎" %> </div> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">お名前カナ(全角)</label> <span class="indispensable">必須</span> </div> <div class='input-name-wrap'> <%= f.text_area :first_name_kana, class:"input-name", id:"first-name-kana", placeholder:"例) ヤマダ" %> <%= f.text_area :family_name_kana, class:"input-name", id:"family-name-kana", placeholder:"例) リクタロウ" %> </div> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">生年月日</label> <span class="indispensable">必須</span> </div> <div class='input-birth-wrap'> <%= raw sprintf( f.date_select( :birth_day, class:'select-birth', id:"birth-date", use_month_numbers: true, prompt:'--', start_year: 1930, end_year: (Time.now.year - 5), date_separator: '%s'), "<p> 年 </p>", "<p> 月 </p>") + "<p> 日 </p>" %> </div> <p class='info-text'>※ 本人情報は正しく入力してください。会員登録後、修正するにはお時間を頂く場合があります。</p> </div> <div class="form-group"> <h2 class='form-bottom-text'> 「会員登録」のボタンを押すことにより、 <span>利用規約</span> <br>に同意したものとみなします </h2> </div> <div class='register-btn'> <%= f.submit "会員登録" ,class:"register-red-btn" %> </div> <p class='register-info'>本人情報の登録について</p> </div> <% end %> <%= render "shared/second-footer"%>
app/views/devise/session/new.html.erb <%= render "shared/second-header"%> <%= form_with model: @user, url: user_session_path, class: 'registration-main', local: true do |f| %> <div class='form-wrap'> <div class='form-header'> <h1 class='form-header-text'> 会員情報入力 </h1> </div> <div class='login-flash-message'> <%= flash[:notice] %> <%= flash[:alert] %> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">メールアドレス</label> <span class="indispensable">必須</span> </div> <%= f.email_field :email, class:"input-default", id:"email", placeholder:"PC・携帯どちらでも可", autofocus: true %> </div> <div class="form-group"> <div class='form-text-wrap'> <label class="form-text">パスワード</label> <span class="indispensable">必須</span> </div> <%= f.password_field :encrypted_password, class:"input-default", id:"password", placeholder:"" %> </div> <div class='login-btn'> <%= f.submit "ログイン" ,class:"login-red-btn" %> </div> </div> <% end %> <%= render "shared/second-footer"%>
config/routes.rb Rails.application.routes.draw do devise_for :users end
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/05 02:38
2020/12/05 03:02