Question

对于一个项目，我需要做到这一点：

像网站一样的墙。有点像带有砌体的Metro UI。我想制作块来保存文本，图像和推文（实时推文）。这些文本和图像将通过CMS提交。

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

简而言之，它背后的想法：墙壁上的块会在一段时间后发生变化如果添加了一个新帖子，这将自动进入随机块的旋转使用#hashtag发推文的人也会自动进入随机块的轮换这一切都无需刷新。

我想知道你们是否有任何关于如何制作它以及使用什么技术的想法。所以我认为我应该使用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） - 将你的feed格式化为JSON更容易 - 你可能会发现json_encode很有用：http://us3.php.net/json_encode

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

该应用程序将有一个API密钥 - 您发送给Twitter的代码可以解锁您想要的数据。 API会不时更改，因此您需要查找最新版本，但这里有一些东西可以让您失望。 twitter search by hashtag example api v 1.1

一旦你有了json feed，就可以将这些项目添加到砌体中了，我不是专家所以请参阅文档了解更多，但这里是添加项目方法：

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

使用CMS实时网络Feed + Masonry'Wall'

1 个答案: