0

对于我正在尝试开发的 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...

这是实现这一点的“正确”方式吗?我无法找到关于这个想法的太多信息,并且访问示例站点的源代码并没有那么有用,因为侧边栏已经填满了......

4

1 回答 1

1

我会将您的侧边栏 HTML 和逻辑分成一个部分,例如“app/views/shared/_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>
于 2012-04-27T16:30:56.137 回答