[NodeJS] Chart JS와 데이터 베이스 연결하기 - 2




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
app.post('/'function(req, res){
  var responseData = {};
 
  var query =  connection.query('select score from scoreboard where uid="ma" ORDER BY num DESC limit 10'function(err,rows){
    responseData.score = [];
    if(err) throw err;
    if(rows[0]){
      responseData.result = "ok";
      rows.forEach(function(val){
        responseData.score.push(val.score);
      })
    }
    else{
      responseData.result = "none";
      responseData.score = "";
    }
    res.json(responseData);
  });
});
cs


클라이언트를 완성했고, 남은건 서버 부분이다.

button을 클릭하여 Ajax로 POST 요청이 날아오면 쿼리를 데이터베이스에 전송한다.

scoreboard 테이블에 id를 검색해서 최신순의 데이터 10개를 가져오는 쿼리이다.


만약 데이터가 있다면 순회하며 responseData에 배열로 저장을 시킨다.

모두 저장되면  json 형식으로 클라이언트에게 보내주도록한다.

이 데이터 값을 sendAjax 함수에서 가공해 차트의 데이터를 최신화 한 후 업데이트 한다.





초기 차트의 화면이다.

데이터를 0,0,0,0,0으로 설정해 주었기 때문에 차트에 아무 것도 그려지지 않는다.





버튼을 클릭하면 데이터베이스에서 데이터 값을 받아와 그려주게된다.

차트의 배경 값은 커스터마이징 하여 변경할 수있다.



예제코드

저작자 표시
신고

+ Recent posts

티스토리 툴바