使用Orchard CMS进行单页面设计

我有一个客户想要为他的网站进行单页面设计，其中每个“页面”的内容在用户浏览网站时使用 javascript 显示/隐藏。

我不确定使用 Orchard 来解决这个问题的最佳方法。一种选择是将所有内容都放在单个页面内容项上，但这样您就无法使用 Orchard 的导航功能，并且无法让客户考虑页面方面的管理。

有人对如何在 Orchard CMS 中最好地设置它有想法或经验吗？

这是我根据 Bertrand 的建议使用的解决方案：

public ActionResult Display(int id)
{
     var contentItem = _contentManager.Get(id, VersionOptions.Published);
     dynamic model = _contentManager.BuildDisplay(contentItem);
     var ctx = _workContextAccessor.GetContext();
     ctx.Layout.Metadata.Alternates.Add("Layout_Null");
     return new ShapeResult(this, model);
}

我创建了一个带有控制器的新模块，其中包含上面的操作方法。该操作方法采用内容部分 ID 的参数。 _contentManager 和 _workContextAccessor 对象被注入到控制器中。 Layout.Null.cshtml 视图的创建与 Bertrand 的建议完全相同。

为了在不牺牲 SEO、客户端性能和可维护性的情况下实现这种非常精致的体验，我会采取以下措施：仍然“经典”地创建网站，作为一组页面、博客文章等，并具有自己的 URL。主页布局应该有所不同，并使用 Ajax 调用引入其他页面的内容。 我一直使用的一种方法是通过 Ajax 调用来显示与常规内容项相同的内容（因此内容周围没有镶边，也没有引入样式表，因为它已经存在了，等等）一个单独的控制器操作，返回“空布局”中的内容：

var ctx = _workContextAccessor.GetContext();
ctx.Layout.Metadata.Alternates.Add("Layout_Null");
return new ShapeResult(this, shape);

然后，我的视图中有一个 Layout.Null.cshtml 文件，如下所示：

@{
    Model.Metadata.Wrappers.Clear();
}
@Display(Model.Content)

清除包装器会删除 document.cshtml 中的渲染，并且模板本身仅渲染一个区域：内容。所以渲染的只是内容，没有其他内容。非常适合从 ajax 调用注入。

这有帮助吗？