2013-01-24 1 views
0

시나리오 : 클라이언트 측어떻게 표현 Node.js를에서 나란히 2 디렉토리 목록 측을 표시

시까 지 두 디렉토리 측의 목록을 볼 수 있습니다 클라이언트는 결과를 원

이 디렉토리

에 업로드 할 수 있습니다 초보자.

  1. JQuery와 목록 상자 위젯의 몇 디렉토리 목록을 표시합니다
  2. 새로운 항목이 자동으로 표시하거나 버튼을 "새로 고침"타격 클라이언트 제한 할 수 있습니다 ?

이 가능합니까? 가능합니까?

이미 npm에 패키지가 있습니까?

모든 의견/아이디어에 감사드립니다.

답변

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

을합니다. jquery/css로 gussy 할 수 있습니다. 그러면 요청이있을 때마다 새로 고침 할 때마다 두 개가 업데이트됩니다. 실시간으로 실행하려면 Socket.io 또는 다른 websocket 도구를 살펴보십시오.

+0

포인터 주셔서 감사합니다! – quiricada

+0

문제 없습니다. 또한 node.js는 서버 측 기술이기 때문에 "x를 특정 방식으로 표시하는 방법"에 대한 질문이있는 경우 대답은 "노드에서 다른 작업 수행"이 아닌 "다른 작업 수행"입니다. html/css/frontend js " – Jonathan

+0

좋은 지적입니다. 내 사고 방식을 지켜봐야 해! – quiricada