如何在jquery UI中构建具有可保存状态的门户页面？

我知道我应该花更多时间研究这个问题,然后再问一下这个问题,但我只用了2个星期就建立了一个门户网站风格的网站(很像http://www.bbc.co.uk).

我对jQuery相当不错并且过去使用过jQuery UI draggables,但我想知道是否有任何教程或最佳实践示例,说明如何构建具有多个放置区的门户以及能够记住哪些"portlet"具有被拖入某种状态对象中的dropzones.

我需要能够使用$ ajax()调用将状态对象保存到后端,并在用户重新登录到站点时以某种方式重新组织portlet,可能是通过从后端发送JSON状态对象.

只是一些从哪里开始的想法将是有用的.谢谢

我最近一直在考虑类似的事情.我能想到的最好的方法是在页面上放置几个"区域"来放置项目.在我的例子中,这些是3列.每次将块移动到不同的位置以更新该块的新位置时,我给每个标识符并使​​用Ajax调用.

例如,示例数据库表:

tbl.blocks:
  userid | blockid | column | placement
     1   |    2    |   1    |     3

其中column是一个简单的列标识符,placement是该列中的位置.我在页面加载时使用了一个查询,按照放置顺序加载块,然后将它们写入.blockid引用块表.

这是我发现的相关的教程:http://aymanh.com/drag-drop-portal-interface-with-scriptaculous