首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带devise的Rails 6注册模式

带devise的Rails 6注册模式
EN

Stack Overflow用户
提问于 2020-12-16 12:06:12
回答 1查看 130关注 0票数 1

我是rails的新手,我正在尝试为用户登录/注册设置模式。我能够让模式工作,但我想不出如何让设计注册在模式下工作。我甚至尝试用我自己的注册表创建一个单独的用户/_new.html.erb文件,但当我尝试从模式提交时,我得到了一个错误,没有匹配post/的路由。我尝试将devise/registration/new.html.erb表单更改为_new.html.erb,但当我试图加载页面时,我得到一个错误:

ActionView::Template::Error (未定义的局部变量或#<#Class:0x000000000ebf9b50:0x000000000ec0de70>的方法‘`resource’是什么意思?救援):

当我呈现标准的devise/registrations/new.html.erb表单时,出现上述错误。我将其转换为局部文件并将其移动到共享文件夹中。

代码语言:javascript
复制
<h1><%= t('.sign_up') %></h1>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  
  <div class="form-group">
    <%= f.label :email %>
    <%= f.email_field :email, autofocus: true, autocomplete: 'email', class: 'form-control' %>
  </div>

  <div class="form-group">
    <%= f.label :password %>
    <%= f.password_field :password, autocomplete: 'current-password', class: 'form-control' %>

    <% if @minimum_password_length %>
      <small class="form-text text-muted"><%= t('devise.shared.minimum_password_length', count: @minimum_password_length) %></small>
    <% end %>
  </div>

  <div class="form-group">
    <%= f.label :password_confirmation %>
    <%= f.password_field :password_confirmation, autocomplete: 'current-password', class: 'form-control' %>
  </div>

  <div class="form-group">
    <%= f.submit t('.sign_up'), class: 'btn btn-primary' %>
  </div>
<% end %>

<%= render 'devise/shared/links' %>

我尝试的另一种方式是在导航页面上的模式中发布整个表单,但当我单击提交时,它会转到localhost.3000,并且我得到一个错误,没有路由匹配post "/“。那个表单是,对不起,它很长,我在模式中有两个表单:

代码语言:javascript
复制
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" aria-labelledby="login" aria-hidden="true">
  <div class="modal-dialog modal-lg border-0">
    <div class="modal-content border-0">
      <div class="modal-content-head">
        <h5 class="modal-title" id="login">Member Login</h5>  
        <button type="button" class="close text-right" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-12 col-md-5">
            <div class="row border-0">
              <div class="col-12 modal-content-subhead">
                Login
              </div>
            </div>
            <div class="row">
              <div class="col-12 modal-content">
                <%= form_with(model: @user, class: "shadow p-3 mb-3 rounded text-light", local: true)  do |f| %>
                  
                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_email.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.email_field :email, class: "form-control shadow rounded", placeholder: "Email" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_locked.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.password_field :password, class: "form-control shadow rounded", placeholder: "Enter your password" %>
                    </div>
                  </div>

                  <div class="form-group row justify-content-center">
                    <div class="col-12">
                      <%= f.submit "Log in", class: "btn btn-outline-light btn-lg" %>
                    </div>
                  </div>
                <% end %>
              </div>
            </div>
          </div>

          <div class="col-1 text-center">
            <%= image_tag("layout/login/login_divider.gif") %>
          </div>

          <div class="col-sm-12 col-md-5">
            <div class="row border-0">
              <div class="col-12 modal-content-subhead">
                Join
              </div>
            </div>
            <div class="row">
              <div class="col-12 modal-content">
                <%= form_with(model: @user, class: "shadow p-3 mb-3 rounded text-light", local: true)  do |f| %>
                  
                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_name_37_33.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.text_field :first_name, class: "form-control shadow rounded", placeholder: "First Name" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_name_37_33.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.text_field :last_name, class: "form-control shadow rounded", placeholder: "Last Name" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_email.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.email_field :email, class: "form-control shadow rounded", placeholder: "Email" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-1 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_locked.gif") %>
                    </div>
                    <div class="col-md-11 col-sm-12">
                      <%= f.password_field :password, class: "form-control shadow rounded", placeholder: "Enter your password" %>
                    </div>
                  </div>

                  <div class="form-group row justify-content-center">
                    <div class="col-12">
                      <%= f.submit "Log in", class: "btn btn-outline-light btn-lg" %>
                    </div>
                  </div>
                <% end %>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-11 text-center">
            <%=link_to( image_tag("layout/facebook_login_200_42.gif"), user_facebook_omniauth_authorize_path) %>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
---

Here is my routes.rb
~~~code
Rails.application.routes.draw do
  devise_for :users, controllers: {omniauth_callbacks: 'omniauth'}
  root 'pages#index'
  get 'about', to: 'pages#about'
  resources :users, param: :username
  resources :clubs, param: :club_username
end

我很乐意创建自己的或者使用一些修改后的设备,但我就是想不出怎么做。

任何帮助都将不胜感激。

谢谢,

史考特

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-30 16:16:46

我做了更多的搜索,并能够让它工作。我卸载了devise并进行了尝试,但无法正常工作,所以我重新安装了devise和omniauth,并找到了将devise表单合并到我的应用程序中的解释。

我安装了devise bootstrap视图,然后在layouts文件夹中创建了一个名为_login_html.erb的部分文件,并并排复制了登录表单和签名表单:

代码语言:javascript
复制
<div class="modal fade" id="login" tabindex="-1" aria-labelledby="login" aria-hidden="true">
  <div class="modal-dialog modal-lg border-0">
    <div class="modal-content border-0">
      <div class="modal-content-head">
        <h5 class="modal-title" id="login">Member Login</h5>  
        <button type="button" class="close text-right" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-12 col-md-4">
            <div class="row border-0">
              <div class="col-12 modal-content-subhead">
                Login
              </div>
            </div>
            <div class="row">
              <div class="col modal-content">
                <%= form_for(resource, :as => resource_name, :url => session_path(resource_name), :remote => true) do |f| %>
                  
                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_email.gif") %>
                    </div>
                    <div class="col-md-10 col-sm-12">
                      <%= f.email_field :email, class: "form-control shadow rounded", placeholder: "Email", :autofocus => true, class: "form-control shadow rounded", placeholder: "Email" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_locked.gif") %>
                    </div>
                    <div class="col-md-10 col-sm-12">
                      <%= f.password_field :password, class: "form-control shadow rounded", placeholder: "Password" %>
                    </div>
                  </div>
                  <% if devise_mapping.rememberable? -%>
                    <div>
                      <%= f.check_box :remember_me %> <%= f.label :remember_me, class: "form_small_text" %>
                    </div>
                  <% end -%>
                  <div class="form-group row text-center">
                    <div class="col-12">
                      <%= f.submit "Sign in", :class => 'btn reg-submit-btn' %>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
                      <%= link_to t(".forgot_your_password"), new_password_path(resource_name), class: "form_small_text" %><br />
                    <% end -%>
                  </div>
                <% end %>
              </div>
            </div>
          </div>

          <div class="col-sm-12 col-md-1 text-center p-0">
            <%= image_tag("layout/login/login_divider.gif") %>
          </div>

          <div class="col-sm-12 col-md-7">
            <div class="row border-0">
              <div class="col-12 modal-content-subhead">
                Sign-Up
              </div>
            </div>
            <div class="row">
              <div class="col modal-content">
                <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), id: "form", :remote => true) do |f| %>
                  <%= devise_error_messages! %>
                  
                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_name_37_33.gif") %>
                    </div>
                    <div class="col-md-5 col-sm-12">
                      <%= f.text_field :first_name, class: "form-control shadow rounded", placeholder: "First Name" %>
                    </div>
                    <div class="col-md-5 col-sm-12">
                      <%= f.text_field :last_name, class: "form-control shadow rounded", placeholder: "Last Name" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_email.gif") %>
                    </div>
                    <div class="col-md-10 col-sm-12">
                      <%= f.email_field :email, class: "form-control shadow rounded", placeholder: "Email", :autofocus => true %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <div class="reg_tooltip" data-tooltip="
                        The club username will be used to easily share your club page on this website.  
                        For example if your club username is my_club the url for your club page on this 
                        site will be www.themathouse.com/clubs/my_club.
                        ">
                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-question-diamond" fill="white" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
                          <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
                        </svg>
                      </div>
                      <%= image_tag("layout/login/icon_reg_name_37_33.gif") %>
                    </div>
                    <div class="form-check col-md-10 col-sm-12">
                      <%= f.text_field :username, class: "form-control shadow rounded", placeholder: "Username", id: "username" %>
                    </div>
                  </div>

                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_locked.gif") %>
                    </div>
                    <div class="col-md-10 col-sm-12">
                      <%= f.password_field :password, class: "form-control shadow rounded", placeholder: "Password" %>
                    </div>
                  </div>
                    
                  <div class="form-group row">
                    <div class="col-md-2 col-sm-12 col-form-label p-2">
                      <%= image_tag("layout/login/icon_reg_locked.gif") %>
                    </div>
                    <div class="col-md-10 col-sm-12">
                      <%= f.password_field :password_confirmation, class: "form-control shadow rounded", placeholder: "Confirm Password" %>
                    </div>
                  </div>

                  <div class="form-group row text-center">
                    <div class="col-12">
                      <%= f.submit "Sign up", :class => 'btn reg-submit-btn' %></div></p>
                    </div>
                  </div>
                <% end %>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

为了让它正常工作,我在helpers_application中添加了以下代码。

代码语言:javascript
复制
def resource_name
    :user
  end
    
  def resource
    @resource ||= User.new
  end
    
  def devise_mapping
    @devise_mapping ||= Devise.mappings[:user]
  end

我想就是这样了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65317173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档