  def getDirectoryTree(self,folder):
      '''
      :param folder:文件目录
      :return:目录的字典
      '''
      dirtree={'children':[]}
      if os.path.isfile(folder):
          return {'text':os.path.basename(folder),'icon':'glyphicon glyphicon-leaf'}
      else:
          basename=os.path.basename(folder)
          dirtree['text']=basename
          for item in os.listdir(folder):
              dirtree['children'].append(self.getDirectoryTree(os.path.join(folder,item)))
          return dirtree

  def getDirectoryTreeWithJson(self,folder):
      '''
      将文件夹生成树状的json串
      :param folder: 文件夹
      :return:文件树json
      '''
      return json.dumps(self.getDirectoryTree(folder))

　result:

{'text': '', 'children': [{'text': '1', 'icon': 'glyphicon glyphicon-leaf'}, {'text': '2', 'icon': 'glyphicon glyphicon-leaf'}, {'text': 'child01', 'children': [{'text': 'child001', 'children': []}]}, {'text': 'child02', 'children': []}]}

　网页展示：

<!DOCTYPE html>
<html class=""> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>jsTree</title>
	<meta name="viewport" content="width=device-width" />
	<!--[if lt IE 9]><script src="./assets/html5.js"></script><![endif]-->
	
	<meta name="robots" content="index,follow" />
	<link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css" />
	<!--控制字体的样式的-->
	<link rel="stylesheet" href="./assets/dist/themes/default/style.min.css" />
	<!-- 背景的样式下面这行 -->
	<!-- <link rel="stylesheet" href="./assets/docs.css" /> -->
	<!--[if lt IE 9]><script src="./assets/respond.js"></script><![endif]-->
	
	<link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon-precomposed" href="./assets/apple-touch-icon-precomposed.png" />
	<script>window.$q=[];window.$=window.jQuery=function(a){window.$q.push(a);};</script>
</head>
<body>
	<div>
		<div id="jstree2" class="" style="margin-top:2em;"></div>
		<script>
		$(function () {
			$('#jstree1').jstree();
			$('#jstree2').jstree({'plugins':["wholerow","checkbox"], 'core' : {
				'data' : [
					{'text': 'temp', 'children': [{'text': '1', 'icon': 'glyphicon glyphicon-leaf'}, {'text': '2', 'icon': 'glyphicon glyphicon-leaf'}, {'text': 'child01', 'children': [{'text': 'child001', 'children': []}]}, {'text': 'child02', 'children': []}]}
,
					"And wholerow selection"
				]
			}});
		});
		</script>
	</div>
	<script src="./assets/jquery-1.10.2.min.js"></script>
	<script src="./assets/jquery.address-1.6.js"></script>
	<script src="./assets/vakata.js"></script>
	<script src="./assets/dist/jstree.min.js"></script>
	<script src="./assets/docs.js"></script>
	<script>$.each($q,function(i,f){$(f)});$q=null;</script>
</body>
</html>

结果：

秒客网

遍历目录树返回字典树,目录字典

相关文章