PHP小部件布局网格

PHP小部件布局网格,php,twitter-bootstrap,grid,widget,Php,Twitter Bootstrap,Grid,Widget,我正在构建一个webapp,其主要目的是在显示器上显示小部件。这些小部件具有可变的大小,因此并非每个小部件都是高或宽的(但它们使用的是标准,例如网格系统)。现在,我正在寻找保存使用哪些小部件以及它们放置在何处的最佳方法。例如,通过使用类似的东西,用户可以将小部件拖放到管理面板中,但我应该如何保存它?例如,我怎样才能回忆起这一点,并放入一个空的引导页面。使用引导网格系统也会很好 我在谷歌和这里做了一些研究,但没有找到任何插件或方法来实现这一点。我现在使用的是“Gridster”,这个Gridsta

我正在构建一个webapp,其主要目的是在显示器上显示小部件。这些小部件具有可变的大小,因此并非每个小部件都是高或宽的(但它们使用的是标准,例如网格系统)。现在,我正在寻找保存使用哪些小部件以及它们放置在何处的最佳方法。例如,通过使用类似的东西,用户可以将小部件拖放到管理面板中,但我应该如何保存它?例如,我怎样才能回忆起这一点,并放入一个空的引导页面。使用引导网格系统也会很好


我在谷歌和这里做了一些研究,但没有找到任何插件或方法来实现这一点。

我现在使用的是“Gridster”,这个Gridstack是由它构建的/受它启发的,所以它可能无法为您保存

您需要这样做,或者通过AJAX将其发送回,或者存储在本地存储中。由于它看起来很相似,您应该能够找到一个“序列化”函数,该函数应该可以将它包装起来,以便通过AJAX发送到PHP


您可能需要扫描这些小部件,并将它们封装在您自己的JSON字符串中,例如row/column/sizex/sizey,这是网格系统在首次加载小部件时真正需要“添加”的所有内容,因此,只要您能够反馈这些内容,您就可以开始了。

感谢您提供的信息!我可能已经找到了一个使用Gridstack的小解决方案。Gridstack和Gridster之间有什么区别?我喜欢Gridstack的API和获取网格信息的方法,但我不喜欢大小调整/响应?ThanksIt看起来Gridstack的灵感来自Gridster,所以它有点类似于同一个想法,但它看起来确实包含了Gridster没有的一些很酷的功能。Gridster更小,但更健壮,更成熟。但在移动设备上也不公平!Gridster有一个serialize函数,它允许您将其打包,以便启动PHP(如果您想将其保存到db),然后在页面加载时,我根据保存的设置在PHP中构建表。