ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • mysql - 글 상세내용 출력하기
    JavaScript/Node.js 2018. 11. 28. 14:37

    mysql - 글 상세내용 출력하기

    이번에는 데이터베이스에 저장한 글의 내용을 출력하는 방법을 알아보자.


    /topic 페이지를 들어가면 Welcome문구와 내용이 반겨준다.

    이후 트리 목록의 항목을 선택하면 그에 알맞는 컨텐츠 내용을 하단에 뿌려줄 것이다.




     라우트 작성하기

    app_mysql.js를 열어 작성했던 내용을 수정한다.

    글 목록을 표현하는 쿼리문 안에 글 내용을 가져오는 쿼리문을 추가한다.

    파라미터로 전달되는 id값을 판단하여 사용자가 어떠한 글 내용을 출력하길 원하는지를 판단한다.

    그리고 그 id값을 활용하여 조회를 시도하기 위해 WHERE절에 치환자로 사용한다.

    쿼리를 수행해보면 아래의 데이터가 조회된다는 것을 알 수 있다.

    조회한 결과는 [RowDataPacket {data...}] 형식으로 객체들을 배열로 감싸 리턴하는 것을 알 수 있다.

    우리가 조회하는 데이터는 동일한 id값을 가질 수 없는 조건으로 인하여 반드시 하나의 row만 반환되기 때문에 topic[0]으로 배열 인덱스로 데이터가 존재하는 객체에 접근한다.




     HTML 템플릿 수정

    템플릿은 동일하게 view.pug로 표현한다.

    서버에서 전달하는 topic데이터를 표현하는 작업이 필요하다.

    if문을 통해 topic의 데이터 잔존 유무를 판단하고 보고자하는 글 내용을 선택한 경우 데이터를 출력한다.

    만약 사용자가 보고자하는 글 내용이 없을 경우 Welcome을 출력한다.




     실행

    /topic 페이지를 접속하면 Welcome 문구가 반겨준다.

    글 목록의 항목을 선택하면 데이터베이스에 접근하여 선택한 항목의 데이터를 조회하고 조회한 내용을 웹 페이지 하단에 출력해준다.

    'JavaScript > Node.js' 카테고리의 다른 글

    mysql - 글 수정하기  (0) 2018.11.29
    mysql - 글 등록하기  (0) 2018.11.28
    mysql - 글 목록 출력하기  (0) 2018.11.27
    mysql - mysql 사용하기  (0) 2018.11.27
    multer - 파일 업로드  (0) 2018.11.26
Designed by Tistory.