Question

我有一个基于Rails的网站，基本的两列布局。右边是一个侧栏，有不同的（我们只是说）垂直小部件。根据您访问的页面，可以包含，排除和按不同顺序组成小组件。例如：

主页（申请）

PAGE内容......

SIDEBAR

小工具A
小工具B
Widget C

第X页

PAGE内容......

SIDEBAR

小工具D
小工具A
Widget C

第Y页

PAGE内容......

SIDEBAR

Widget E
小工具A
小工具B
Widget C

现在，我正在显示特定于页面的小部件的方式不是很干。我正在为每个页面创建一个布局，然后一遍又一遍地复制和粘贴相同的HTML部分和窗口小部件。例如：

application.html.erb

<%= render :partial => 'shared/html_header' %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <%= render :partial => "shared/head" %>     

    <body>                        
        <div id="outer">

            <%= render :partial => 'shared/banner' %>
            <%= render :partial => 'shared/nav' %>

            <div id="main">
                <table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
                  <tr style="vertical-align:top;">

                   <td style="width:759px;">
                    <%= render :partial => 'shared/content' %>
                  </td>

                        <td><%= image_tag("spacer.gif", :width => "5") %></td>

                        <td style="width:252px;">
                            <%= render :partial => 'shared/widget_a' %>
                            <%= image_tag("spacer.gif", :height => "10") %>

                            <%= render :partial => 'shared/widget_b' %>
                            <%= image_tag("spacer.gif", :height => "10") %>

                            <%= render :partial => 'shared/widget_c' %>
                            <%= image_tag("spacer.gif", :height => "10") %>

                        </td>
                    </tr>
                </table>
            </div>
            <%= render :partial => 'shared/footer' %>
        </div>
            <%= render :partial => 'shared/user_voice_widget_script' %>
            <%= render :partial => 'shared/google_analytics_script' %>
    </body> 
</html>

我基本上只是为其他页面布局重复此模式，但使用特定于页面的小部件。看起来不太干。

我认为必须有一种更有效的方法来做到这一点。有什么建议吗？

Answer 1

您可以使用单个布局文件为您的所有网页定义两个列结构，然后使用Rail的content_for帮助程序在上下文中填充侧边栏，具体取决于所访问的页面。然后唯一的页面特定信息是侧边栏细节，而不是一遍又一遍地重复整个布局。

在您的（单个）应用程序布局中：

<td style="width:252px;">
  <%= yield :sidebar %>
</td>

您网页的某处：

<% content_for :sidebar do %>
  <%= render :partial => 'shared/widget_a' %>
  <%= image_tag("spacer.gif", :height => "10") %>

  ...

<% end %>

如果有足够多的窗口小部件组合频繁出现，您可以考虑将他们的render指令放在一起并使用content_for块中的部分。

描述了一般技术here

具有多个页面布局的Rails应用程序 - 如何干涸？

1 个答案: