php - Live Web Feed + Masonry 'Wall' with CMS

Question

好的，对于一个项目，我需要做这个:

像墙一样的网站。有点像 Metro UI with Masonry。我想制作 block 来保存文本、图像和推文(实时推文)。这些文本和图像将通过 CMS 提交。

这是棘手的部分，我不想刷新页面来显示添加的内容或新推文。我在想 AJAX + PHP/MySQL 会解决这个问题 + Masonry jQuery。

简而言之，其背后的想法:带有会在一定时间后发生变化的方 block 的墙如果添加了新帖子，这将自动进入随机 block 的轮换使用#hashtag 发推的人也会自动进入随机 block 的轮换而这一切都无需刷新。

我想知道你们是否有关于如何制作它以及使用什么技术的想法。所以我认为我应该使用 PHP、MySQL、AJAX、Masonry、jQuery，当然还有一个有效的 Twitter API。

非常感谢关于此“墙”的演示或类似内容!

Answer 1

好的，一些帮助您入门的提示:

我猜你会想要定期调用一个函数，所以你可能想看看超时函数: http://www.jquery4u.com/jquery-functions/settimeout-example/

然后您将希望使用 AJAX 从 PHP 文件中获取一些数据 - 可选择在此处显示一个参数以指定您只想要带有标签 #cheese 的推文:

$.ajax({
  type: "POST",
  url: "a_php_file_that_returns_some_data.php",
  data: { hastag: "cheese"}
})
  success: function (dataFeed) {
                // do something
            }
);

好的，我说的是 AJAX，但实际上您不需要 X (XML) - 将提要格式化为 JSON 更容易 - 您可能会发现 json_encode 对它有用:http://us3.php.net/json_encode

PHP 文件将包含一个从 Twitter 获取数据的函数。您需要在 Twitter 上创建一个应用程序，其中涉及注册一个免费的开发帐户:https://dev.twitter.com/

该应用程序将有一个 API key - 您发送到 Twitter 以解锁所需数据的代码。 API 会不时更改，因此您需要查找最新版本，但这里有一些内容可以帮助您入门。 twitter search by hashtag example api v 1.1

一旦你获得了 json 提要，就可以将项目添加到砌体中了，我不是专家，所以请参阅文档了解更多信息，但这是添加项目的方法:

msnry.addItems( elements )
// or with jQuery
$container.masonry( 'addItems', elements )