请写出使用python+nodejs+html+js+css遍历服务器文件的代码

由于涉及到服务器文件的遍历，需要使用服务器端的代码。以下是使用Node.js实现服务器文件遍历的示例代码：

const fs = require('fs');

// 定义遍历函数
function traverseFolder(folderPath) {
  fs.readdir(folderPath, function(err, files) {
    if (err) {
      console.error(err);
      return;
    }

    files.forEach(function(file) {
      const fullPath = folderPath + '/' + file;
      fs.stat(fullPath, function(err, stats) {
        if (err) {
          console.error(err);
          return;
        }

        if (stats.isDirectory()) {
          // 如果是文件夹，递归进入
          traverseFolder(fullPath);
        } else {
          // 如果是文件，可以做相应的处理
          console.log(fullPath);
        }
      });
    });
  });
}

// 调用遍历函数
traverseFolder('/path/to/your/folder');

上述代码中，`traverseFolder`函数用于遍历指定路径下的所有文件和文件夹。对于每个文件夹，递归进入；对于每个文件，可以做相应的处理，例如打印路径。

此外，还需要在Node.js中使用HTTP模块搭建一个简单的Web服务器，以便在浏览器中访问文件列表。以下是示例代码：

const http = require('http');
const fs = require('fs');
const path = require('path');

// 定义遍历函数
function traverseFolder(folderPath, callback) {
  fs.readdir(folderPath, function(err, files) {
    if (err) {
      callback(err);
      return;
    }

    const results = [];

    files.forEach(function(file) {
      const fullPath = folderPath + '/' + file;
      fs.stat(fullPath, function(err, stats) {
        if (err) {
          callback(err);
          return;
        }

        const item = {
          name: file,
          path: fullPath,
          isDirectory: stats.isDirectory()
        };

        if (stats.isDirectory()) {
          // 如果是文件夹，递归进入
          traverseFolder(fullPath, function(err, children) {
            if (err) {
              callback(err);
              return;
            }

            item.children = children;
            results.push(item);

            if (results.length === files.length) {
              callback(null, results);
            }
          });
        } else {
          // 如果是文件，直接添加到结果数组中
          results.push(item);

          if (results.length === files.length) {
            callback(null, results);
          }
        }
      });
    });
  });
}

// 创建HTTP服务器
const server = http.createServer(function(req, res) {
  // 获取当前路径
  const currentPath = '.' + req.url;

  // 如果是文件，直接返回文件内容
  if (fs.existsSync(currentPath) && fs.statSync(currentPath).isFile()) {
    fs.readFile(currentPath, function(err, data) {
      if (err) {
        res.writeHead(500);
        res.end();
        return;
      }

      res.writeHead(200, {
        'Content-Type': 'text/plain'
      });
      res.end(data);
    });

    return;
  }

  // 如果是文件夹，返回文件列表
  traverseFolder(currentPath, function(err, results) {
    if (err) {
      res.writeHead(500);
      res.end();
      return;
    }

    // 生成HTML代码，展示文件列表
    let html = '<ul>';
    results.forEach(function(item) {
      html += '<li>';
      if (item.isDirectory) {
        html += '<a href="' + item.path + '">' + item.name + '</a>';
        if (item.children) {
          html += '<ul>';
          item.children.forEach(function(child) {
            html += '<li><a href="' + child.path + '">' + child.name + '</a></li>';
          });
          html += '</ul>';
        }
      } else {
        html += item.name;
      }
      html += '</li>';
    });
    html += '</ul>';

    res.writeHead(200, {
      'Content-Type': 'text/html'
    });
    res.end(html);
  });
});

// 启动服务器
server.listen(8080, function() {
  console.log('Server is listening on port 8080');
});

上述代码中，`traverseFolder`函数的作用与之前的示例代码相同，但这里将结果包装为一个对象数组，以便在浏览器中进行展示。同时，返回的结果是一个异步回调函数的参数，而非直接输出到控制台。

在HTTP服务器中，首先判断当前请求的路径是否是一个文件，如果是，则直接返回文件内容。否则，调用`traverseFolder`函数获取文件列表，并生成HTML代码，向浏览器输出。需要注意的是，这里使用了`fs.existsSync`和`fs.statSync`函数判断当前路径是否是一个文件，以避免遍历整个文件夹。