文件管理功能

我们做一个文件管理的小程序，用来实现文件上下级的查看和文件的删除功能，这里我们需要写三个页面实现这个功能

1.我们首先做一个guanli.php的文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../jquery/jquery-1.11.2.min.js"></script>
<style type="text/css">
*{ margin:0px auto; padding:0px}
#wai{ 500px;}
.item{ 100%; height:30px; border:1px solid #60F; line-height:30px; vertical-align:middle}
.dir{ background-color:#F0F; color:white;}
#prev{100%; height:30px; border:1px solid #60F; line-height:30px; vertical-align:middle; background-color:#60F; color:white;}
</style>
</head>

<body>
<div id="wai">
<?php
session_start();

//定义目录
$fname = "../../1220";
if(!empty($_SESSION["fname"]))
{
   $fname = $_SESSION["fname"];
}

$pname = dirname($fname); //取上级目录

if(realpath($fname)=="D:\wamp\www\1220")
{
}
else
{
   echo "<div id='prev' url='{$pname}'>返回上一层</div>";
}
//遍历目录下的所有文件显示
$arr = glob($fname."/*");

foreach($arr as $v)
{
   $name = basename($v); //从完整路径中取文件名
   if(is_dir($v))
   {
      echo "<div class='item dir' url='{$v}'>{$name}</div>";
   }
   else
   {
      echo "<div class='item' url='{$v}'>{$name}<input type='button' value='删除' url='{$v}' class='del' /></div>";
   }
}

?>
</div>
<script type="text/javascript">
$(".dir").dblclick(function(){
      var url = $(this).attr("url");
      $.ajax({
            url:"chuli.php",
            data:{url:url},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                  window.location.href="guanli.php";
               }
         });
   })
$("#prev").dblclick(function(){
   var url = $(this).attr("url");
   $.ajax({
         url:"chuli.php",
         data:{url:url},
         type:"POST",
         dataType:"TEXT",
         success: function(data){
               window.location.href="guanli.php";
            }
      });
   })
$(".del").click(function(){
      var v = confirm("确认要删除么？");
      if(v)
      {
         var url = $(this).attr("url");
         $.ajax({
            url:"del.php",
            data:{url:url},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                  window.location.href="guanli.php";
               }
         });
      }
   })
</script>
</body>
</html>

2.我们再做一个chuli.php的文件：

<?php
session_start();
$url = $_POST["url"];
$_SESSION["fname"] = $url;

3. 我们最后做一个del.php的文件：

<?php

$url = $_POST["url"];

unlink($url);