Javascript 显示动态内容增长页面

假设我有一个用户页面，用户可以在其中选择要学习的主题，还有一个按钮可以上传问题

-用户选择一个主题并获得类似于小提琴的视图

<div class="dataContainer">
 <div class="clsContextContainer">
    <a href="intro.php">Chapter1</a>
    <a href="basic.php">Chapter2</a>
    <a href="next.php">Chapter3</a>
    <a href="advanced.php">Chapter4</a>
    <a href="future.php">Chapter5</a>
 </div>
 <div class="clsContentContainer">
   <div class="q"> Q: Question goes here
    <div class="c">C: a) choice1 b) choice2</div>
    <div class="a">AnswerButton</div></div>

   <div class="q"> Q: Question goes here
    <div class="c">C: a) choice1 b) choice2</div>
   <div class="a"> AnswerButton</div>
       </div>
 </div>
</div>

这可能是我的模板页面

上下文页面将类似于

   {
     Questions:[
        {Q: questionString, C: ChoiceString},
        next one
     ]
   }

我必须阅读服务器上的一组问题，例如：我有5章的主题和220个问题在表格中

表格格式：

 Question Id Column

 Question Column

 Choice Column

 Answer Column

因此，如果用户单击第1章，我将阅读表格中的前50个问题，并创建上下文，然后呈现它。如果用户单击第5章，请阅读最后50个问题并创建上下文，然后呈现

---

可行吗？

选择方案2。像这样的简单查询可能不会成为应用程序的瓶颈。此外，MySQL（如果不是所有现代RDBMS）缓存查询，因此如果100个访问者都每隔几秒钟查看同一页面，那么您的DB服务器应该缓存这些查询，这样第一次查询之后的任何查询都几乎是即时的，我认为使用数据库表

Solution2

来维护问题将是一个很好的解决方案。这是有益的，因为在添加问题时可以很容易地避免重复相同的问题。此外，将来的增强功能，如对问题的向上/向下投票，将问题标记为收藏夹，也将易于实现和操作。使用PHP直接修改HTML文件可能会起作用，特别是如果修改很少进行，但很容易出错。一个小小的错误，新的HTML可能会完全畸形，甚至更糟，它可能会抹去整个文件。此外，您可能会在几个月后决定，哦，您应该使用

而不是

。那么你怎么办？你有所有这些需要手动排序的静态文件，而使用数据库这一切都很简单。谢谢Mike和Suyog。请看我的编辑要回答你的编辑，我会选择两张表。一个用于提问，一个用于选择。不过，我不知道你所说的回答栏是什么意思。

 Question Id Column

 Question Column

 Choice Column

 Answer Column