在哪里“构建”侧边栏的内容？

Question

我目前正在使用 express 创建我的新网站。该页面分为不同的“部分”（例如博客、有关我的项目的信息等）。 我想在我的内容旁边有一个“sidebare”，每个部分都不同。例如，在“博客”部分 id 喜欢有一个我的标签或类别的列表，而在项目部分应该有一个所有项目的列表。内容取决于章节，并且对于本章节的每个“子部分”都是相同的。

一种解决方案是创建一个创建侧边栏内容的函数，并在每个处理路由的函数中调用此函数。但我不喜欢这个解决方案，因为它似乎不是“正确的”......

有人对此有很好的解决方案吗？

Answer 1

如果我正确理解您的问题，您想知道如何使用相同的整体模板呈现多个“部分”，是吗？每个部分可能因页面内容和主 URL 而异。

我可以建议两种方法： 1) 恕我直言，正确的方式 - 定义一个基本模板（如果您使用的是 jam/express，请说 index.jade），然后您将使用该模板为主页 (/) 和博客页面 (/blog) 创建路由：

# Home Page
app.get '/', (req, res) ->
  # Do some simple DB transactions, etc, and get the main area content.
  res.render 'index.jade', { json: json }

# Blog Page
app.get '/blog/:id', (req, res) ->
  blog.grabPost req.params.id, (json) ->  # Grab content of the blog post from the DB
    res.render 'index.jade', { json: json }

接下来，为其余内容创建一些“部分”网址：

# Sidebar Partial
app.get '/sidebar/:page/:id', (req, res) ->
  sidebar.grabContent req.params.id, (json) ->
    res.render '{#req.params.page}.jade', { json: json }

然后您可以通过 JQuery 在页面加载时调用部分客户端，如下所示：

$ ->
  $('.sidebar').load '/sidebar/blog/365' + id, (response, status, xhr) ->

2) 使用我不太熟悉的 Express 'view partials'。文档可以在这里找到：http://expressjs.com/guide.html#view-partials

从描述中：“Express 视图系统内置了对部分和集合的支持，它们是代表文档片段的“迷你”视图。例如，我们可以使用部分集合而不是在视图中迭代以显示 cmets ："