简单的文件树

摘要：要实现的效果都是在同级目录下的文件，需要服务器环境布局黑体

要实现的效果

都是在同级目录下的文件，需要服务器环境

布局

JS脚本

PHP数据：

 
  array (
    0 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/index.html",
      "file" => "index.html",
      "sub_file" => 
      array (
      ),
    ),
    1 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-15.log",
      "file" => "log-2016-11-15.log",
      "sub_file" => 
      array (
      ),
    ),
    2 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-07.log",
      "file" => "log-2016-11-07.log",
      "sub_file" => 
      array (
      ),
    ),
    3 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-11.log",
      "file" => "log-2016-11-11.log",
      "sub_file" => 
      array (
      ),
    ),
    4 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-14.log",
      "file" => "log-2016-11-14.log",
      "sub_file" => 
      array (
      ),
    ),
    5 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/out.log",
      "file" => "out.log",
      "sub_file" => 
      array (
      ),
    ),
    6 => 
    array (
      "signal" => "d",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/flight_dynamic_update",
      "file" => "flight_dynamic_update",
      "sub_file" => 
      array (
        0 => 
        array (
          "signal" => "d",
          "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/flight_dynamic_update/2016-10-17",
          "file" => "2016-10-17",
          "sub_file" => 
          array (
            0 => 
            array (
              "signal" => "-",
              "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/flight_dynamic_update/2016-10-17/flight_add_sql.log",
              "file" => "flight_add_sql.log",
              "sub_file" => 
              array (
              ),
            ),
          ),
        ),
      ),
    ),
    7 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-13.log",
      "file" => "log-2016-11-13.log",
      "sub_file" => 
      array (
      ),
    ),
    8 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-08.log",
      "file" => "log-2016-11-08.log",
      "sub_file" => 
      array (
      ),
    ),
    9 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-04.log",
      "file" => "log-2016-11-04.log",
      "sub_file" => 
      array (
      ),
    ),
    10 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/555.log",
      "file" => "555.log",
      "sub_file" => 
      array (
      ),
    ),
    11 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/pm.log",
      "file" => "pm.log",
      "sub_file" => 
      array (
      ),
    ),
    12 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-09.log",
      "file" => "log-2016-11-09.log",
      "sub_file" => 
      array (
      ),
    ),
    13 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/log-2016-11-10.log",
      "file" => "log-2016-11-10.log",
      "sub_file" => 
      array (
      ),
    ),
    14 => 
    array (
      "signal" => "-",
      "path" => "/var/www/html/goms-kmg-v4/application/pc/logs/in.log",
      "file" => "in.log",
      "sub_file" => 
      array (
      ),
    ),
  ),
);
echo json_encode($data);

文采不好，就不在这里详细介绍了，但是代码是全给了，想测试的话，直接把代码考过去就行了。。。