Javascript 如何实施"；拖放“；django mptt中的功能？

我在我的项目中使用应用程序。此应用程序允许用户在管理页面中拖放树节点（

DraggableMPTTAdmin

）。是否可以在自定义模板中（而不是在管理中）实现相同的功能

p.S.我尝试在前端使用

jsTree

插件。这个插件允许用户拖放树的节点，但是jsTree有很重的API。另外，我不知道如何保存新树的新结构，因为jsTree在html中为树节点呈现奇怪的属性

模板：

<ul class="root">
    {% recursetree nodes %}
        <li>
            {{ node.name }}
            {% if not node.is_leaf_node %}
                <ul class="children">
                    {{ children }}
                </ul>
            {% endif %}
        </li>
    {% endrecursetree %}
</ul>

{%recursetree节点%}

{{node.name}
{%如果不是node.is_leaf_node%}

{{儿童}

{%endif%}

{%endrecursetree%}