node.js根据本地目录生成树状结构对象

最新推荐文章于 2022-03-17 14:13:22 发布

101tx

最新推荐文章于 2022-03-17 14:13:22 发布

阅读量470

点赞数

分类专栏： javascript 文章标签： node.js 前端后端

本文链接：https://blog.csdn.net/tx101q/article/details/121159974

版权

这篇博客主要记录了如何在编辑器应用中，通过Node.js读取本地目录并生成树状结构对象的过程，以便前端展示。核心代码涉及递归调用，实现了将目录结构转换为前端友好的数据格式。

摘要由CSDN通过智能技术生成

在做编辑器的时候有个问题，需要访问本地目录，然后返回给前端页面，让前端页面展示，在此做个记录。这是典型的递归调用。后边代码是核心

如上图的目录，是一个典型的数状结构，如何实现，代码如下

前台演示代码

function createProByTree(k){
	all_pro.push(k);//存放到所有项目数组中
	//创建一个div用于存放项目
	var dv=document.createElement("div");
	let id="pro_"+Math.floor(Math.random()*10000);
	dv.id=id;
	wb_left.appendChild(dv);
	dv.pro_id=id;
	//  递归创建项目目录 
	  digui(dv,k,0,id);
  }

function digui(dv,k,layer,pro_id){
    layer++;
  if(k.kind=="jia"){
	  var dv1=document.createElement("div");
	   var pro=document.createElement("img");
			 pro.src="./res/jia.png";
			 pro.className="im_f"
			 pro.style.width="20px";
			 pro.selectedm=false;
			 dv1.appen