使用Rails和Bootstrap填充边栏实现

Question

这主要是我正在尝试开发的webapp的实现问题。我相对缺乏经验，所以我想检查我的实施想法是否合适，或者是否有更简单的方法。

问题

我想创建一个可滚动的侧边栏，自动填充包含用户个人资料照片及其名称的小容器。基本思想是用户是班级的成员，侧栏应该容纳他们所有的同学。侧边栏应该是固定大小的，用户应该可以向下滚动同学，如果他们想要访问他们的页面，请点击用户。

我的实施想法

在我看来，我需要使用一些嵌入式红宝石来指导填充过程。一些伪代码将是“对于这个类中的每个用户，创建一个包含其图片和名称的容器”。我没有考虑过实际处理这一步骤，但我主要关注的是实际的html结构。

我的想法是做这样的事情：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <!-- for each user in class -->
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span">
                            <!-- Load appropriate user data -->
</div> where appropriate...

这是实施此方法的“正确”方法吗？我无法找到有关该想法的更多信息，并且访问示例网站的源代码并不是所有有用的，因为侧边栏已经填充...

Answer 1

我会将您的侧边栏HTML和逻辑分成部分，例如。 “应用程序/视图/共享/ _sidebar.html.erb”。从那以后，您可以接受来自任何视图的数据集合。

查看文件

<div class="container-fluid">
  <div class="row-fluid">
    <%= render "shared/sidebar", collection: @users %>
  </div>
</div>

侧边栏部分

<div class="span2">
  .....
    <% @users.classmates.each do |e| %>
      <%= e.name %>
    <% end %>
  .....
</div>