0

シナリオ: クライアントは 2 つのディレクトリにアップロードできます

望ましい結果: クライアントは、両方のディレクトリの一覧を並べて表示できます。

これらの初心者です。

  1. ディレクトリリストを表示するためのいくつかのjqueryリストボックスウィジェット
  2. 新しいエントリを自動的に表示したり、「更新」ボタンを押したクライアントに限定したりできますか?

これは実行可能/可能ですか?

上記の一部をすでに実行している npm のパッケージはありますか?

あらゆる/すべての意見/アイデアに感謝します。

4

1 に答える 1

2

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();
        });
    });
});

次に、クライアント側で、CSS ルールを作成します。

 .bar{
     float: left;
 }

両方が相対ラッパーdivにあると仮定すると、両方が左に引っ張られます。そこから好きなだけ jquery/css を使ってそれをやり遂げることができます。これにより、リクエストがあるたびに（つまり、更新時に）それらのうちの2つが更新されます。リアルタイムで実行したい場合は、Socket.io またはその他の websocket ツールを調べてください。

于 2013-01-24T17:47:12.607 に答える