对于我正在尝试开发的 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...
这是实现这一点的“正确”方式吗?我无法找到关于这个想法的太多信息,并且访问示例站点的源代码并没有那么有用,因为侧边栏已经填满了......