$fntreeview前端写入数据

$.fn.treeview是jQuery插件，用于创建树形结构的UI组件。要在前端写入数据，可以使用以下步骤：

引入jQuery和treeview插件

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

创建一个空的div作为树形结构的容器

<div id="tree"></div>

使用$.fn.treeview方法初始化树形结构

$('#tree').treeview({
  data: [
    {
      text: 'Parent 1',
      nodes: [
        {
          text: 'Child 1',
          nodes: [
            {
              text: 'Grandchild 1'
            },
            {
              text: 'Grandchild 2'
            }
          ]
        },
        {
          text: 'Child 2'
        }
      ]
    },
    {
      text: 'Parent 2'
    }
  ]
});

在data属性中设置树形结构的数据，可以使用对象数组的形式表示每个节点及其子节点。每个节点包括text（节点的文本）和nodes（子节点数组）属性。在此示例中，创建了两个父节点和三个子节点。

根据需要添加其他选项和事件

$('#tree').treeview({
  data: [
    // 树形结构数据
  ],
  showCheckbox: true, // 显示复选框
  levels: 2, // 只展开两级节点
  onNodeSelected: function(event, node) {
    // 节点被选择时的回调函数
  }
});

可以使用treeview插件提供的其他选项和事件来自定义树形结构的行为和外观。

总之，使用$.fn.treeview方法可以轻松地在前端创建树形结构，并且可以方便地自定义其外观和行为