본문 바로가기

다이어리

게시판 프로젝트

728x90
반응형
SMALL

수업시간에 강사님과 함께 만들던 게시판입니다.

첫번째 프로젝트 이후 정렬기능, 검색기능을 추가하고 css를 추가하여 완성한 프로젝트입니다.

 

1. DB 설계

 

t_user 테이블
t_board 테이블

 

2. 게시판 기능

 

 

 a. 회원가입

 

 

빈칸없이 아이디, 비밀번호, 이름, 성별 모두 기입해야 합니다.

그리고 비밀번호와 비밀번호 확인이 일치해야 DB에 데이터가 넘어가면서 회원가입이 됩니다.

 

성별 여자를 선택하면 DB에 0이, 남자를 선택하면 1이 넘어가게됩니다.

 

 

 b. 로그인

 

 

 

아이디 또는 비밀번호를 잘못 입력하면 이렇게 뜹니다.

 

 

로그인에 성공하게 되면 Session에 정보가 담기게 되고 list.php로 이동합니다.

 

 

 c. 리스트

 

 

우선 헤더를 살펴보겠습니다

 

 

좌측에 로그인 한 유저의 닉네임 + 님 환영합니다 메세지가 출력됩니다.

우측에서는 프로필 사진을 수정할 수 있습니다.

 

프로필 사진 수정을 클릭하면 profile.php로 이동합니다

 

 

파일선택을 누르고 이미지를 선택한 후 이미지 업로드를 누르면 DB에 저장됩니다.

 

 

이제 메인 부분을 보겠습니다

 

 

리스트 페이지는 로그인 없이도 주소를 직접 쳐서 들어올 수 있습니다. 하지만 글을 클릭하게 되면..

 

 

라는 alert가 뜨면서 접근불가합니다.

 

  검색

 

 

 

  정렬

 

 

 

 

 

 

 d. 디테일

 

 

리스트에서 글을 클릭하게 되면 디테일 페이지로 이동합니다.

쿼리스트링을 이용하여 get 방식으로 i_board, page, row_count 를 받아온 주소입니다.

 

 

  이전글, 다음글

 

이전글을 누르면 i_board가 현재 숫자보다 작은 글로 이동하고 다음글을 누르면 큰 곳으로 갑니다.

이동할 곳이 없으면 이전글, 다음글 버튼이 뜨지 않도록 했습니다.

 

  수정, 삭제

 

로그인한 유저의 글쓴이(닉네임)과 해당 글의 글쓴이가 같으면 수정, 삭제 버튼이 뜨도록 구현했습니다.

그리고 클릭하면 수정페이지로 이동 및 삭제절차 진행이 됩니다.

 

 

 

 

 

 

 

 

 

이전글, 다음글을 클릭하면 쿼리스트링이 추가됩니다. 여기서 리스트를 클릭하면 해당 오류가 발생합니다.

 

728x90
반응형
LIST