您现在的位置是：技术博客 > PHPPHP

页面展示递归文件夹及文件

Lucas2019-12-21 18:41【代码】562人已围观

简介页面可视化文件夹及所有子文件夹及文件……

近在项目中需要可视化展示服务器中某资源文件下的所有子文件夹及文件，所以动手通过php做一个小工具实现下，有需要的朋友也可以在此基础上自由扩展。

#### 一、递归显示某文件夹下的所有子文件夹及文件

代码如下：

```
<?php

?>
```

#### 二、借用一款jquery插件作为可视化页面

代码如下：
```
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery多级折叠展开树形菜单代码</title>
	<link rel="stylesheet" href="css/css.css" />
</head>
<body>
	<div class="f-tree"></div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/config.js" ></script>
	<script>
		// 这是静态数据
		var treeData = [
			{id:1,title:'一级菜单',pid:0},
			{id:2,title:'二级单01',pid:1},
			{id:3,title:'二级单02',pid:1},
			{id:4,title:'二级单03',pid:1},
			{id:5,title:'一级菜单02',pid:0},
			{id:6,title:'二菜单01',pid:5},
			{id:7,title:'三菜单01',pid:6},
			{id:8,title:'三菜单02',pid:6},
			{id:9,title:'四级菜单01',pid:8},
			{id:10,title:'四级菜单02',pid:8},
			{id:11,title:'二级菜单01',pid:5},
			{id:12,title:'二级菜单02',pid:5},
			{id:20,title:'一级菜单03',pid:0},
			{id:21,title:'一级菜单03',pid:20},
			{id:22,title:'一级单04',pid:0},
		];
		config.tree({
			type:0,//1有选择框，没有则不传type或传0
			wrapper:'.f-tree',//容器
			data:treeData,//数据
			check:[]//选中的数据，可以不传；type为1时，可以传该值如[1,2]表示第一个和第二个文件夹为选中状态
		});
	</script>
</div>
</body>
</html>
```
> 提示：[代码下载链接](href="https://www.mylucas.com/download/12")

#### 三、整合后的效果图

[附上预览链接](href="https://www.mylucas.com/ueditor/php/upload/image/20191221/1576924830.png")

很赞哦！ ( 0 )

上一篇：POSTMAN模拟登录

下一篇：Sublime创建快捷方式及代码片段