面向用户的 Laravel 菜单生成器答案

【问题标题】：Laravel Menu Builder for users面向用户的 Laravel 菜单生成器
【发布时间】：2017-04-17 02:45:47
【问题描述】：

我正在寻找一种方法，让用户可以构建自己的页面，包括菜单。因此，我想给他们以图形方式进行操作的可能性，这样他们就可以添加一个菜单项，可以预览一下它的外观。然后必须将菜单保存在相关用户 ID 下的数据库中。

如何实现这样的功能或如何搜索教程？没有找到我需要的东西。

我使用的是 Laravel 5.3，也许这有助于简化它，jQuery 也是可以的。

我无法发布代码，因为我还没有代码。我不知道如何开始使用这个“图形实时建筑”。

【问题讨论】：

您可能需要了解一下 Jquery 拖放功能。所以你可以在一侧有菜单列表，然后用户可以拖动到另一侧作为预览
@Michel 然后用户可以简单地添加项目，对它们进行排序，然后我有机会将它们保存到数据库中吗？
@Michel 与 jquery droppable 相关我发现了这个小提琴 (jsfiddle.net/karim79/MvnEv)，您可以在其中添加项目，您知道是否还有在添加后编辑项目、删除它们等功能。
在下面查看我的答案。这会给你一个想法。

标签： javascript php laravel laravel-5 menu

【解决方案1】：

<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    //So you have what user sent here as "**data**" You can use that to make an AJX call
    ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<img id="drag1" src="img_logo.gif" draggable="true"
ondragstart="drag(event)" width="336" height="69">

</body>
</html>

记住需要 JQuery 拖放。

【讨论】：

你能提供一个小提琴，以便我了解它的作用和工作原理吗？你到底指的是什么jQuery拖放？我也可以更改您示例中的菜单项吗？