使用 PHP/MySQL 的动态内容布局结构答案

【问题标题】：Dynamic content layout structure with PHP/MySQL使用 PHP/MySQL 的动态内容布局结构
【发布时间】：2012-04-06 09:08:18
【问题描述】：

不幸的是，我的老板决定我们新闻网站的主页布局应该像http://dailymail.co.uk

但我找不到他们的“动态布局”的解决方案。他们在无序列中使用完整的一列图像/帖子、两列短/小图像/标题、半列图像/帖子。我找不到办法做到这一点。

我想到了两个“解决方案”：

为每个新闻项目选择一个“模板”。并根据这个模板展示它们。例如：“使用大图/整列”、“对齐列的右半部分”或“正常”等。但从日常邮件的布局中可以看出，这些都会为编辑带来大量工作。
创建一个基于“拖放”的区域，编辑可以在其中通过几个选项来安排新闻。但这会给我带来另一个问题。

如果需要，我可以更改数据库结构。但现在它非常简单，我愿意保持这种状态。此外，将布局选项与新闻表分开会非常好。

谁能提出更好的解决方案？

【问题讨论】：

标签： php jquery mysql layout dynamic-data

【解决方案1】：

你可以使用这样的网格系统吗：http://960.gs/

我没有使用类似的东西，但我认为将类名存储在数据库中并在此网格类型模板中使用它们可能会对您有所帮助。

【讨论】：

CSS 是最简单的部分。我的问题是数据结构。我举个例子。添加新项目时，编辑器必须选择一个帖子模板（大、半栏、小等）。基于此模板，她/他还可以选择“模板图像”。然后必须决定将这个项目放在主页上的哪个位置。我必须根据以下条件查询帖子：a）帖子位置，b）帖子模板，c）帖子订单（日期）。对于这个例子，我必须在新闻表中添加至少 3 列，并为主页添加很多选择。如果添加了新帖子，编辑还应重新排列其他帖子。我正在寻找更好的想法来避免这种情况。
我会有一个 5-6 列的设计和 960 个网格系统，让编辑器选择帖子的网格宽度，并将决定保存到某个地方。并且布局将在滑块线上具有 4+1，在新闻网格上具有 1+1+1+1+1，在宽侧边栏线上具有 3+2 等。如果项目是 4 框宽，它将显示在滑块框上，如果 2 个框宽，它将显示在宽边栏等上。
这是我找到的东西。也许会有用（拖一个框看看结果）：demo.webdeveloperplus.com/drag-drop-panels
非常感谢。正如我所说，前端/CSS 很简单。（我知道“Drag&Drop Panels”教程）我心中有3种方法：1）基于项目的定位，2）基于“框”的定位，3）保持主页分开（基于拖放的布局设计）。但每一个都有自己的问题。我正在努力帮助编辑。 1）我在第一条评论中解释过，2）会有“很多”框并且必须是静态的（例如主页上的 10 个框），3）对于每个新添加的项目，编辑器都必须重新排列主页设计。我想我会混合使用 1 和 2。再次感谢您的努力。