代码之家 › 专栏 › 技术社区 › nicholaides

最佳实践:在webapp中设置HTML类

haml coding-style ruby-on-rails html

nicholaides · 技术社区 · 15 年前

在我构建的每个webapp中,我都遇到了这个问题。我想有条件地在HTML元素上设置类。例如,有时 <div> 对于一个帖子来说:

<div class="post">...</div>

有时看起来像这样:

<div class="post even recent replied_to author_is_admin">...</div>

每节课之后 post 是因为某种逻辑决定了它应该存在吗?最好的方法是什么?在Rails+Haml,我做过如下的事情:

-classes = []
-classes << cycle('even', 'odd')
-classes << 'recent' if post.recent?
-classes << 'replied_to' if post.replied_to?
-classes << 'author_is_admin' if post.author_is_admin?
.post{:class => classes.join(' ')}
    ...

它不漂亮,我把它缩短为使用助手,这样我可以做到:

.post{:class => "#{cycle('even', 'odd')} #{post_classes}"}

它仍然看起来应该更容易阅读,因为它是我们一直在做的事情。你有什么方法可以使这个过程简短易读吗?

1 回复 | 直到 15 年前

allyourcode 15 年前

我觉得你做的很好。我只建议做一些小的改进。一种方法是将循环调用放在post-u类中。为了可读性,我会让post-u类接受post参数。这会造成一点冗余,但是通过定义这个助手方法,您可以很容易地避免它:

def classes(object)
  case object
  when Post then post_classes(object)
  end
end

这样,您的模板代码将如下所示:

.post{:class => classes(Post)}

推荐文章

thesunneversets · 如何使用Nikkou(新手Ruby问题!)

2 年前

Animesh Arya · 关联模型的Rspec

2 年前

yellowreign · Rails:将created\u at转换为PST

2 年前

Kellen · 查看$卷展栏功能列表

2 年前

Akshit Thakur Ak · 我怎样才能把铁轨停下来?

2 年前

solidsnake99 · Rails db:如何绕过验证

2 年前

Spyros · 从数组中删除nil值,并从引用数组中删除相应的项

2 年前

Pauli-E · 当div打开并滚动到屏幕上时,向div添加类

2 年前

Raghuram Murthy P · 在ActiveRecord::Relation delete_by方法上不调用after_commit和after_destroy回调

2 年前

ejoka · 如何使用Rails 7模型属性作为CSS标记值

2 年前