网络文件目录功能-1，编辑 HTML 页面

新建netdisk_html.php文件:

设计网盘前端页面,代码如下:

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/3/2 0002
 * Time: 上午 10:07
 */
?>
<h2>在线网盘</h2>
<!--目录列表-->
<div>
    您的位置:主目录
</div>
<!--文件列表-->
<table border="1" cellpadding="3" cellspacing="0" width="100%">
    <tr bgcolor="skyblue"><th>文件名</th><th>大小</th><th width="30%">上传时间</th><th>操作</th></tr>
    <!--目录列表-->
    
        <tr>
            <td>目录1</td>
            <td>-</td>
            <td>2018-03-02 15:57:56</td>
            <td align="center">
                <a href="">打开</a>
                |<a href="">复制</a>
                |<a href="">删除</a>
            </td>
        </tr>
        <tr>
            <td>目录2</td>
            <td>-</td>
            <td>2018-03-02 15:58:00</td>
            <td align="center">
                <a href="">打开</a>
                |<a href="">复制</a>
                |<a href="">删除</a>
            </td>
        </tr>
         <!--文件列表-->
        <tr>
            <td>1.jpg</td>
            <td>3KB</td>
            <td>2018-03-02 16:06:12</td>
            <td align="center">
                <a href="">下载</a>
                |<a href="">复制</a>
                |<a href="">删除</a>
            </td>
        </tr>
</table>
<form method="post">
    新建文件夹:<input type="text" name="newfolder">
    <input type="submit" value="创建">
</form>
<form method="post" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="上传">
</form>