ファイルマネージャー基本表示ページ

前章で説明した検証コード関数では、次のように変更するための関数コードが表示されません:

<!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>";

ディレクトリ構造は次のとおりです:

印刷結果は次のとおりです。

次に、Windows ディレクトリフォルダーに従って HTML ページを設定し、上で出力された file_list を調べます。微信图片_20180301153739.png

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>

# #実行結果表示:

#では、開く、名前変更、コピー、削除という具体的な操作方法を説明します。ファイルとディレクトリ? (これについては次のセクションで説明します)

学び続ける