如何允许用户修改前端菜单？

Question

我正在为网站编写后端/管理区域。用户希望能够在网站上修改他们的菜单。

• 这些菜单层次可以不超过3层。
• 你允许用户这样做吗？
• 如何存储层次结构？
• 如何以编程方式显示菜单？
• 如何让用户轻松创建层次结构 - 某种类型的jQuery拖放操作？

期待您的回复。

Answer 1

你问了很多问题的人;）

你明明知道jQuery的，因此标签... jQuery将让你的生活那么容易。请看看jQuery UI，它可以解决您的所有问题：http://jqueryui.com/

Answer 2

这些菜单可能会超过3层深。 确定

您是否允许用户执行此操作？ 不是一般的，但我可以看到这可能有用的情况。

你如何存储heirarchy？ 在数据库的表中，按用户标识。您还需要表中的列来实现层次结构，并且需要另一个表来包含菜单选项和基本URL。

如何以编程方式显示菜单？ 这是一个棘手的问题。您必须找到一种方法将菜单层次结构从控制器中推送到页面中。 JSON似乎是一个可能的候选人。从jQuery UI应该能够拿起这个JSON并为你呈现一个菜单。

您如何让用户轻松创建heirarchies - 某种类型的jQuery拖放？ jQuery UI具有拖放功能。

祝你好运！

Answer 3

你允许用户这样做吗？ 不，但管理员在某些网站上。 （虽然没有用MVC或jQuery构建）。

如何存储heirarchy？ 在一个表中，有一个父字段。

如何以编程方式显示菜单？ 我遍历整个表格并输出HTML。

您如何让用户轻松创建heirarchies - 某种类型的jQuery拖放？ 制作菜单编辑页面，在页面的内容区域中输出菜单，然后使用类似jQuery可排序插件的东西来移动东西，并使用自定义代码来删除和插入新项目。

Answer 4

乔恩，

看一看这个链接更多的想法：

http://www.webappers.com/2007/09/05/smooth-and-clean-fastfind-menu-jquery-plugin/

快速查找菜单脚本是ActiveSpotLight 的BSD许可证下创建一个JavaScript 菜单。它将内容提要作为数据填充到菜单中， 这可以是静态或动态的。他们在内部使用的 版本使用 JSON/XML作为数据馈送。此脚本 允许基于 动态Ajax响应的嵌套菜单。菜单 也可以通过使用 jQuery接口库进行拖放。