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

【问题标题】：How to allow users to modify front end menus?如何允许用户修改前端菜单？
【发布时间】：2009-06-02 15:27:25
【问题描述】：

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

这些菜单的分层深度不超过 3 级。
您允许用户这样做吗？
如何存储层次结构？
如何以编程方式显示菜单？
如何让用户轻松创建层次结构 - 某种 jQuery 拖放？

期待您的回复。

【问题讨论】：

标签： jquery asp.net-mvc

【解决方案1】：

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

如何存储层次结构？ 在带有父字段的表中。

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

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

【讨论】：

允许执行此操作的用户将是管理员。我的网站是用 MVC 编写的，如何更好地处理这个要求？

【解决方案2】：

这些菜单的层级不超过 3 级。好的

您允许用户这样做吗？一般不会，但我可以看到这可能有用的情况。

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

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

您如何让用户轻松创建层次结构 - 某种 jQuery 拖放？ jQuery UI 具有拖放功能。

祝你好运！

【讨论】：

“您必须找到一种方法将菜单层次结构从控制器推送到页面中” - 有什么想法吗？
乔恩，请看下面我的另一篇文章。

【解决方案3】：

乔恩，

FastFind 菜单脚本是一个 javascript ActiveSpotLight 下创建的菜单 BSD 许可证。它提取内容作为数据输入以填充菜单，这可以是静态的或动态的。这他们内部使用的版本 JSON/XML 作为数据馈送。这个脚本允许嵌套菜单，基于动态 Ajax 响应。菜单可以也可以使用 jQuery 接口库。

【讨论】：

【解决方案4】：

你问了很多问题；）

您显然了解 jQuery，因此标签... jQuery 将使您的生活变得如此轻松。请看一下 jQuery UI，它将解决你所有的问题：http://jqueryui.com/

【讨论】：