你好我的同伴开发同志们！
我是一名C / C ++开发人员，是我第一次进入Web开发。我正在制作足球比赛记分卡。 PHP进行后端处理以生成分数。 Javascript / CSS负责演示。屏幕像这样继续转换（oops-teant附加图片，因为我没有足够的代表！）
编辑：渲染混乱了。这实际上是一个4x1表，然后是一个2x1表，然后是一个1x1表。
__________________
| Brazil 1 |
| Germany 2 |
__________________
__________________
| Italy 3 |
| Argentina 2 |
__________________
__________________
| England 1 |
| Holland 2 |
__________________
__________________
| USA 0 |
| France 2 |
__________________
用户点击下一个按钮
_________________
| Italy 0 |
| Germany 2 |
__________________
__________________
| France 1 |
| Holland 3 |
__________________
点击下一个按钮
__________________
| GERMANY 2 |
| HOLLAND 1 |
__________________
首先，你有4个匹配的屏幕显示结果。单击“下一步”按钮后，将显示半决赛结果。然后是最后的比赛。
如您所见，记分板表的布局（行数）会发生变化。如何处理重新绘制布局：我正在考虑让我的PHP脚本生成整个锦标赛结果并将它们写入隐藏/不可见元素，然后使用Javascript处理此元素并根据哪个阶段确定布局我们参加的比赛。
这是一种合理的方法吗？我们有更好的方法吗？我的方法是基于这样一个事实，它只需要一次调用服务器来提取结果以最小化加载时间。
谢谢和欢呼！
答案 0 :(得分：0)
我个人会使用jQuery UI Tabs http://jqueryui.com/tabs/
之类的东西将每个表加载到一个标签中您也可以使用其他插件，但我倾向于在大多数情况下使用jQuery UI。
答案 1 :(得分：0)
这样做的好方法是通过分页。有很多教程（例如PHP pagination）可以帮助你抓住它。您正在采用的方法不具备可扩展性，因为一旦您拥有大量数据，将所有数据一次性拉出将减慢接口速度并且不会进行优化。事实上，在大多数情况下，用户无论如何都不会浏览所有分数。
围绕分页的基本思想是，您只为该页面获取固定数量的结果。因此，您需要诸如页码，每页结果，总结果等参数来限制您要从DB获取的结果并显示分页链接。您可以自定义链接的工作方式。
另一种方法是使用动态表，这可以使你的表在浏览和搜索中动态（默认情况下会给你分页），但这只是客户端实现，整个数据仍然会从后端获取，理想情况下，我说的不可扩展。如果您确定数据/表格不会超出限制，您可以使用它。它使用户界面非常适合浏览和搜索。
在您评论锦标赛后的评论后更新。在这种情况下，您可以一次性获取所有数据。然后使用jQuery动态显示数据。请查看此链接Fifa World Cup 2014。您可以了解如何制作界面。国际足联世界杯的比赛浏览器有一个很好的用户界面浏览比赛。
您可以使用带有jQuery的类和ID来显示和隐藏（甚至滚动）匹配。