파일 관리자 기본 표시 페이지

이전 장에서 언급한 인증 코드 기능은 다음과 같이 변경하는 기능 코드를 볼 수 없습니다:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script >
    var change=document.getElementById('change_code');
    var code_img=document.getElementById('code_img');
    change.onclick=function () {
        code_img.src='code.php?time='+new Date();
        return false;
    }
</script>
<body>
<form action="check.php" method="post">
    用户名：<input type="text" id="username" name="username"/><br>
    密码：<input type="password" id="password" name="password" /><br>
    验证码：<input type="text" id="code" name="code" /><img id="code_img" src="code.php" /><a id="change_code" href="">看不清，换一张</a><br>
    <div id="error_message" style="color: red"></div>
    <input type="submit" id='login' name='login' value="登录">
</form>
</body>
</html>

렌더링 표시:

微信图片_20180301111913.png

클릭하여 표시:

微信图片_20180301111920.png

위는 위 장의 마지막 섹션에 남은 질문, 이 섹션의 내용을 살펴보겠습니다. 이 섹션에서는

와 유사한 Windows 파일 관리자를 만드는 방법에 대해 설명합니다. 디자인 아이디어:

먼저 현재 디렉터리를 찾습니다. 파일인지 디렉터리인지 다음 코드를 통해 현재 디렉터리에 있는 모든 파일과 디렉터리의 정보를 볼 수 있습니다

微信图片_20180301155316.png

구체적인 코드는 다음과 같습니다

<?php
function getFileList($path){
    //保存打开文件的句柄
    $handle=opendir($path);
    //保存文件列表数组,dir保存目录,file保存文件
    $list=array('dir'=>array(),'file'=>array());
    //循环遍历文件列表
    while(false!==($filename=readdir($handle))){
        //排除当前目录和父级目录
        if($filename!='.' && $filename!='..'){
            //处理文件路径和文件名
            $filepath="$path/$filename";
            //根据路径获取文件类型
            $filetype=filetype($filepath);
            //如果既不是文件也不是目录,则跳过
            if(!in_array($filetype,array('file','dir'))){
                continue;
            }
            //将文件信息保存到数组中
            $list[$filetype][]=array(
                //保存文件名和路劲
                'filename'=>$filename,
                'filepath'=>$filepath,
                //保存各种属性
                'filesize'=>round(filesize($filepath)/1024),
                'filemtime'=>date('Y/m/d H:i:s',filemtime($filepath)),
            );
        }
    }
    //关闭文件句柄
    closedir($handle);
    return $list;
$path=".";
$file_list=getFileList($path);
echo "<pre>";
print_r($file_list);
echo "</pre>";

디렉토리 구조는 다음과 같습니다.

인쇄 결과는 다음과 같습니다.

微信图片_20180301153739.png

그런 다음 html을 설정하세요. 페이지는 Windows 디렉토리 폴더를 모방하고 위에 인쇄된 file_list를 탐색합니다.

filemanager_html.php 코드는 다음과 같습니다.

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/3/1 0001
 * Time: 下午 1:54
 */
?>
<html>
<head>
    <meta charset="utf-8">
    <title>文件管理器</title>
</head>
<body>
<!--文件列表区-->
<table>
    <tr><th>名称</th><th>修改日期</th><th>大小</th><th>操作</th></tr>
<!--    循环输出目录列表-->
    <?php
    foreach ($file_list['dir'] as $v):
    ?>
    <tr><td><img src="./img/dir.png"><?php echo $v['filename'];?></td>
        <td><?php echo $v['filename'];?></td>
        <td>-</td>
        <td><a href="">打开</a></td>
    </tr>
    <?php endforeach;?>
<!--    循环输出文件列表-->
    <?php
    foreach($file_list['file'] as $v):
    ?>
    <tr>
        <td><img src="./img/file.png"><?php echo $v['filename'];?></td>
        <td><?php echo $v['filemtime'];?></td>
        <td><?php echo $v['filesize'];?>KB</td>
        <td>
            <a href="">重命名</a><a href="">复制</a><a href="">删除</a>
        </td>
    </tr>
    <?php endforeach;?>
</table>
</body>
</html>

실행 결과가 표시됩니다.

微信图片_20180301160412.png