ruby-on-rails - 用于动态页面布局的 Rails 应用程序中的多个布局与 css 欺骗与局部布局

Question

我想知道是否有人可以评论哪种方式更好，为什么？

这是我所拥有的(在 HAML 中)的简化版本:

#header
#root
  #content
    = yield
  #sidebar
    = context_navigation
#footer

问题:

我希望#sidebar 在某些页面上显示上下文菜单，例如在帐户页面上显示指向个人资料、密码、订单历史记录的链接。在产品页面上显示指向产品规范、描述、“发送链接”等的链接。但在其他页面上则不然——例如在主页上，我需要将#root 的整个宽度用于#content 以显示新闻或特色元素.

解决方案和问题:

我有几个关于如何实现它的想法，但我正在寻找一些您认为更好的意见，请解释为什么？主要目标是代码的可维护性。

这里有一些想法:

1. CSS\SCSS 技巧 - 如果上下文导航为空，则将侧边栏设为可折叠的 div
2. 根据我所在的网站部分，使用 else/if 加载不同的部分。
3. 创建一个单独的布局(似乎有点矫枉过正——据我所知，布局主要用于不同的媒体，例如屏幕、打印、pdf 和移动等)
4. 还有其他想法吗？

谢谢，

尼克

Answer 1

您可以使用嵌套布局来实现这一点:

http://guides.rubyonrails.org/layouts_and_rendering.html#using-nested-layouts