基于CSV Parser插件从多台树莓派(SSH)获取CSV生成HTML表的技术问询

我参考了CSV转HTML表格的jQuery插件思路，搭建了一个HTML页面，它的核心功能是通过SSH从多台Raspberry Pi获取CSV文件，然后把CSV里的内容（比如示例格式2018-03-22 12:43:21,NM_Test.h264,-2）转换成直观的HTML表格展示出来。

核心页面代码实现 #

我的HTML页面里运行的核心脚本结构是这样的：

<!DOCTYPE html>
<body>
  <div id="container"></div>
  <script>
    $.get('ssh.php', function(data) {
      // 初始化表格标签
      var html = '<table>';
      
      // --- 补充CSV解析与表格行拼接逻辑 ---
      // 将获取到的CSV文本按行拆分
      var rows = data.split('\n');
      rows.forEach(function(row) {
        // 跳过空行避免无效渲染
        if (!row.trim()) return;
        // 拆分每行的字段（注意：如果字段包含逗号，需要用更严谨的CSV解析方法）
        var columns = row.split(',');
        html += '<tr>';
        columns.forEach(function(col) {
          html += `<td>${col}</td>`;
        });
        html += '</tr>';
      });
      
      // 闭合表格标签并插入到页面容器
      html += '</table>';
      $('#container').html(html);
    });
  </script>
</body>

关键组件说明 #

• 后端脚本ssh.php：这个脚本负责和多台树莓Pi建立SSH连接，读取目标CSV文件的内容后返回给前端。这里要注意安全问题，建议用SSH密钥对认证，不要硬编码登录密码，同时要确保运行脚本的服务器有访问树莓派的权限。
• CSV解析逻辑：上面的示例用了简单的split方法处理CSV，但如果你的CSV字段里包含逗号（比如带引号的字段），这种方法会出错，建议引入成熟的CSV解析库来处理这类复杂场景。
• 依赖说明：页面必须引入jQuery库，否则$.get方法无法正常工作，记得在业务脚本前加上jQuery的引入代码。

内容的提问来源于stack exchange，提问作者Kai