Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在node.js express中并排显示2个目录列表_Jquery_Node.js_Express_Pug_Stylus - Fatal编程技术网

Jquery 如何在node.js express中并排显示2个目录列表

Jquery 如何在node.js express中并排显示2个目录列表,jquery,node.js,express,pug,stylus,Jquery,Node.js,Express,Pug,Stylus,情景: 客户端可以上传到2个目录 通缉结果: 客户端可以并排查看这两个目录的列表 我是新手 两个jquerylistbox小部件用于显示目录列表 新条目是否可以自动显示或仅限于点击“刷新”按钮的客户端 这是否可行 npm中是否有已经完成上述部分的包 谢谢你的任何/所有意见/想法。听起来你可以通过一点点HTML/CSS做任何你想做的事情。以最简单的形式,做这样的事情 var fs = require('fs'); app.get('/foo', function(req, res){

情景: 客户端可以上传到2个目录

通缉结果: 客户端可以并排查看这两个目录的列表

我是新手

  • 两个jquerylistbox小部件用于显示目录列表
  • 新条目是否可以自动显示或仅限于点击“刷新”按钮的客户端
  • 这是否可行

    npm中是否有已经完成上述部分的包


    谢谢你的任何/所有意见/想法。

    听起来你可以通过一点点HTML/CSS做任何你想做的事情。以最简单的形式,做这样的事情

    var fs = require('fs');
    
    app.get('/foo', function(req, res){
    
        fs.readdir('dir1', function(error, result){
    
            res.write('<div class="bar">');
            res.write('<ul>');
            //write out all of the files as list
            res.write('</div>');
            fs.readdir('dir2', function(error, result){
                res.write('<div class="bar">');
                res.write('<ul>');
                //write out all of the files as lis
                res.write('</div>');
                res.end();
            });
        });
    });
    

    假设它们都在一个相对的包装器div中,那么这将把它们都拉到左边。您可以在那里使用jquery/css进行任意填充。这将在每次有请求时(即刷新时)更新其中两个。如果您希望实时执行,请查看Socket.io或其他websocket工具。

    没问题。另外,请记住node.js是一种服务器端技术,因此如果您的问题是“如何以某种方式显示x”,答案可能不是“在node中做一些不同的事情”,而是“使用html/css/frontend js做一些不同的事情”,您可以使用
    async.parallel()
     .bar{
         float: left;
     }