Shadowbox-白红宇

Shadowbox

阅读量：635 次

发布时间：2019-03-14

本文共 1993 字，大约阅读时间需要 6 分钟。

在我的 Rails 应用中，我最近在集成 Shadowbox 模拟器时遇到了一个需要解决的问题。为了实现一个功能性且美观的登录界面，我决定详细记录整个优化过程。以下是我在项目中的具体操作和最终实现方案。

1. 文件组织与资源复制

为了确保 Shadowbox 模拟器能够正常运行，我需要将相关的文件夹和文件复制到适当的位置。具体步骤如下：

将 shared 文件夹中的所有相关文件复制到 public/images 目录。

将 shadowbox.css 样式文件复制到 public/stylesheets 目录。

将 shadowbox 文件夹中的所有 JavaScript 文件复制到 public/javascripts 目录。

完成这些步骤后，Shadowbox 模拟器的资源结构将变得清晰且易于管理。

2. 在布局页面中集成 Shadowbox

为了让 Shadowbox 模拟器能够在整个应用中工作，我需要在 layout.html.erb 文件中添加必要的脚本和样式。具体来说，我需要执行以下操作：

在页面顶部加载 Shadowbox 的基础脚本：

<%= javascript_include_tag 'shadowbox/adapter/shadowbox-base' %>

加载 Shadowbox 的主 JavaScript 文件：

<%= javascript_include_tag 'shadowbox/shadowbox.js' %>

加载自定义的 CSS 样式文件：

<%= stylesheet_link_tag 'shadowbox.css' %>

加载 Shadowbox 的方法脚本：

<%= javascript_include_tag 'shadowbox/shadowbox_method.js' %>

初始化 Shadowbox 模拟器，加载相应的皮肤和语言文件：

通过以上步骤，Shadowbox 模拟器将能够在任何页面中自动加载所需的资源。

3. 登录页面的实现

为了实现一个功能完善的登录页面，我决定使用 Rails 的 form_tag 来创建一个简洁美观的表单。具体实现如下：

<% form_tag do %>
  
       
    
        Login
    
        
    <%= text_field_tag 'login' %>
  
       
  
       
    
        Password
    
        
    <%= password_field_tag 'password' %>
  
       
  
       
        
    <%= submit_tag 'Log in' %>
  
       
<% end %>

这个表单采用了标准的 Web Form 格式，既简洁又易于用户操作。

4. 登录逻辑的实现

为了实现记住用户登录的功能，我需要在控制器方法中添加相应的逻辑。以下是我在 login2 控制器中的实现：

def login2
  return unless request.post?
  self.current_user = User.authenticate(params[:login], params[:password])
  if logged_in?
    if params[:remember_me] == "1"
      self.current_user.remember_me
      cookies[:auth_token] = { :value => self.current_user.remember_token , :expires => self.current_user.remember_token_expires_at }
    end
    flash[:notice] = "Logged in successfully"
    responds_to_parent do
      render :update do |page|
        page << "parent.Shadowbox.close();"
        page.redirect_to :controller => "order", :action => "write_order_message"
      end
    end
  end
  end
end