策略问题：RESTful 应用程序中的平面/静态页面

Question

我正在使用 Backbone.js 通过 tastypie 连接到 Django 后端。我已经为我的动态内容弄清楚了一些事情，但我想知道如何处理我的常见问题解答/关于/联系页面。因为我希望获得不间断的用户体验，无需等待链接之间的页面加载，所以我想知道从哪里加载这些平面页面的数据。

我不想在这里进行过度架构，因为这些是包含非动态内容的小册子页面。简而言之，布局很重要，他们不需要 CMS。

那么我的主index.html 中是否已经有这些页面，并且只在需要时显示它们？这对我来说似乎很肮脏。

我是否让 Django 将这些页面的 html 存储在设置为接受 html 的 Textarea 中，并在需要时通过 tastypie 将 html 作为 JSON 吐出？呃，这对我来说也很脏。

或者是一个混合体，其中 django 只吐出相关数据来填充已经在我的index.html中定义的html——这听起来是正确的，但是工作量太大了，我不想为这样的页面定义数据库模型我已经说过，不需要 CMS。

我希望我对所有这些方法都偏离了基础，并且你有更好的方法来解决我的困境。

Answer 1

您的第一个想法是将它们包含在主 index.html 中并根据需要显示它们似乎相当合理，但有几个缺点：

• 您的索引页面较重，因此加载速度比所需的速度慢
• 您的小册子页面在逻辑上没有分开在您的代码库中，

您可以通过在加载index.html后动态加载它们的HTML来修复这两个问题。当用户单击页面时，您仍然会使用相同的客户端代码来显示页面，就好像它嵌入到主 HTML 文件中一样，但不是将 HTML 包含在初始的 index.html 文件中...

<div id="faq-page">
   <h1>FAQ</h1>
   ...
</div>

具有空白div 和一个在主页呈现后通过 AJAX 加载它们的事件。我不确定您是否使用 jquery，但如果使用，代码将如下所示

<div id="faq-page"></div>
<script>
    $(function() {
        $("#faq-page").hide() // ensure it doesn't display too early
                      .load("/include/faq.html");  // async load the content from server
    });
</script>

现在，当用户点击应用程序中的常见问题解答链接时，页面将尽快显示。如果页面有时间加载（通常），它将立即显示。如果他们碰巧在加载之前点击了链接，那么服务器响应后就会显示该链接。

您可以根据需要在服务器端设置 /include/faq.html。