如何使用 PHP 和 AJAX 创建 igoogle 布局（拖放和存储）？答案

【问题标题】：How to create igoogle layout(drag & drop & store) using PHP and AJAX?如何使用 PHP 和 AJAX 创建 igoogle 布局（拖放和存储）？
【发布时间】：2010-10-23 13:11:37
【问题描述】：

在 igoogle 中，我们可以拖放模块，然后如果我们退出浏览器并再次打开它，每个模块的位置仍然相同。我已经测试了几件事：

未登录时，igoogle 将模块位置存储在我的 cookie（缓存）中。因为如果我清除缓存，它就会回到原来的位置。
登录时，定位模块后，即使我注销并清除缓存，如果再次登录，模块仍然相同，不会回到原来的位置。

我想问什么：

如何存储已登录和未登录用户的模块位置？
需要哪些技能？（我使用 php、mysql 和 jquery）
有什么好的教程可以参考吗？

【问题讨论】：

标签： php mysql ajax drag-and-drop igoogle

【解决方案1】：

这里有一个很好的教程： http://nettuts.com/tutorials/javascript-ajax/inettuts/

您必须将用户数据存储在 mysql 表中。也许在您的 mysql 表中设置一个带有链接内容 ID 的“列/行”列。如果您对关系数据库一无所知，最好从那里开始。如果您确实了解数据库基础知识，那么这将是一个简单的更新查询，用于根据设置为在很远的将来过期的 cookie 来存储用户信息。

如果您允许用户登录（如 google），则不需要使用 cookie（但仍然有用），因为您可以使用存储在 mysql 表中的 div 位置数据。

【讨论】：

【解决方案2】：

Logic behind drag and drop

使用http://jqueryui.com/demos/sortable/ 启用可排序的 div 列表
将 sortable("toArray") 处理到数据库中
从 db 中按顺序加载以使它们就位

【讨论】：