SlideShare a Scribd company logo
1 of 11
Download to read offline
팀장 : 201707057 김승현
팀원 : 201407070 김종원
201507046 선상원
201507068 송태현
목 차
1 . 프 로 젝 트 개 요
2 . D a ta b a s e
3 . 프 로 그 램 목 록
4 . 흐 름 도
5 . 추 가 기 능 설 명
답변형 게시판
프로젝트 개요
기본으로 답변형 게시판을 중심으로 회원제 게시판이 아닌
비회원 게시판으로 구현했습니다. 또한 게시판에 이미지
업로드가 가능하도록 구현했으며, 비밀 게시글과 댓글작성이 가능합니다.
index.html에서 게시판태그 클릭 시 게시글 목록과 글을
쓸 수 있는 글쓰기 버튼과 검색으로 구성되어 있습니다.
게시판 목록에는 게시글 번호, 제목, 글쓴이, 작성일, 조회수
로 구성되어 있습니다.
테이블의 컴포넌트 요소로 각 제목, 글쓴이를 <a>태그로
클릭 가능하게 구현했으며 조회수 칼럼도 <a>태그를 주어
클릭이 가능하도록 구현했습니다.
검색으로는 제목, 글쓴이로 검색이 가능합니다.
Database
Database명 :
Table명 :
CSE2
z201707057, z201707057a
Database
z201707057 Table Layout
field명 uid fid name subject comment
type mediumint(9) mediumint(9) varchar(12) varchar(60) text
비고
unsigned
not null
auto_increment
unsigned
field명 pwd signdate ref thread secret fname
type varchar(30) int(10) smallint(5)
varchar(25
5)
char(1)
varchar(15
0)
비고
not null
unsigned
unsigned
Database
z201707057a Table Layout
field명 replyuid postuid name comment signdate
passwor
d
type mediumint(9)
mediumint
(9)
varchar(12) text int(10) varchar(16)
비고 not null not null
프로그램 목록
data 이미지파일을 업로드하기 위한 폴더
connect.php DB연동
f1.php 맨 처음 게시판으로 이동한다
f2.php
index.html
맨 처음 Frameset으로 페이지 구
성
rboard.php 메인 게시판 화면
view.php 게시글을 보여준다
post.php 게시글을 등록한다
reply.php 답변글을 등록한다
insertReply.php 댓글을 등록한다
change.php 게시글을 수정한다
replyupdate.php 댓글을 수정한다
delete.php 게시글을 삭제한다
replydelete.php 댓글을 삭제한다
postform.php 게시글 등록을 위한 form
프로그램 목록
replyform.php 답변글 등록을 위한 form
changeform.php 게시글 수정을 위한 form
replyupdateform.php 댓글 수정을 위한 form
deleteform.php
게시글을 삭제하기 위해 비밀번호
입력
replydeleteform.php 댓글 삭제를 위한 비밀번호 입력
checkPwd.php
비밀글일 경우, 비밀번호를 체크한
다
list.php 검색 시, 해당 파일을 불러온다
popup.php
글쓴이 클릭 시, 해당 글쓴이의 모든 게
시글을 가져온다
sortPopup.php
조회수가 많은 글부터 내림차순하여
정렬한다
총 23개의 php파일과 1개의 폴더
흐 름 도
추가 기능 설명
댓글
게시글 또는 댓글을 등록할 수 있도록 설계했으며
작성자와 비밀번호, 댓글의 내용을 입력하여 등록이 가능합니다.
등록 시 입력했던 비밀번호를 이용해 수정 또는 삭제가 가능합니다.
이미지 업로드
게시글 또는 답변글에 이미지(jpg,bmp,png,gif)를 업로드할 수 있도록
설계했으며 Database에는 이미지명을 등록하며 해당 파일은
data폴더에 저장됩니다.
이 때, 게시글 또는 답변글을 수정할 경우 이미지는 무조건 삭제되도록
설계했습니다.
비밀글
게시글 또는 답변글 등록 시 비밀글 작성 체크박스와 함께 비밀번호를
입력할 수 있도록 설계했습니다.
비밀글로 게시글을 등록할 경우 게시글 작성 시에 입력했던 비밀번호가
일치해야 해당 게시글을 볼 수 있도록 설계했습니다.
추가 기능 설명
조회수 정렬
게시글 목록에서 조회수를 클릭하면 팝업창이 생성되며 원본 게시글만
조회수에 따라서 내림차순 정렬됩니다.
원본 게시글의 답글들은 조회수에 상관없이 원본 게시글에 따라서
조회됩니다.
※조회수에 따라서 내림차순을 하게 될 경우 원본 게시글과 답글들이
섞이는 현상이 발생하기 때문에 원본 게시글과 답글이 함께 조회되도록
했습니다.
글쓴이
게시글 목록에서 글쓴이를 클릭하면 해당 글쓴이가 작성한 모든 게시글이
팝업창이 생성되며 불러오기가 가능하도록 설계했습니다.

More Related Content

Similar to PHP Answerable Bulletin Board

S1.part.1.install and-settings
S1.part.1.install and-settingsS1.part.1.install and-settings
S1.part.1.install and-settings082net
 
블로그포스팅
블로그포스팅블로그포스팅
블로그포스팅영대 이
 
Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2082net
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)형석 장
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)형석 장
 
S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기082net
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차Michael Yang
 
티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요Taekyoung Kim
 
SJBoard Project Portfolio
SJBoard Project PortfolioSJBoard Project Portfolio
SJBoard Project PortfolioJuyoungKang7
 
ksh portfolio 02
ksh portfolio 02ksh portfolio 02
ksh portfolio 02SunhoKo2
 
Django를 Django답게, Django로 뉴스 사이트 만들기
Django를 Django답게, Django로 뉴스 사이트 만들기Django를 Django답게, Django로 뉴스 사이트 만들기
Django를 Django답게, Django로 뉴스 사이트 만들기Kyoung Up Jung
 
tumblr.com 에 대한 DB구조 분석
tumblr.com 에 대한 DB구조 분석tumblr.com 에 대한 DB구조 분석
tumblr.com 에 대한 DB구조 분석Matthew Chang
 
신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판hyeonjae Cheon
 
Django, 저는 이렇게 씁니다.
Django, 저는 이렇게 씁니다.Django, 저는 이렇게 씁니다.
Django, 저는 이렇게 씁니다.Kyoung Up Jung
 
XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XpressEngine
 
워드프레스와친구들
워드프레스와친구들워드프레스와친구들
워드프레스와친구들082net
 

Similar to PHP Answerable Bulletin Board (20)

Php report
Php reportPhp report
Php report
 
S1.part.1.install and-settings
S1.part.1.install and-settingsS1.part.1.install and-settings
S1.part.1.install and-settings
 
블로그포스팅
블로그포스팅블로그포스팅
블로그포스팅
 
Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)
 
Flash card
Flash cardFlash card
Flash card
 
S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료 4일차
 
티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요티스토리 블로그 운영하기 &amp; 개요
티스토리 블로그 운영하기 &amp; 개요
 
Python - Module
Python - ModulePython - Module
Python - Module
 
SJBoard Project Portfolio
SJBoard Project PortfolioSJBoard Project Portfolio
SJBoard Project Portfolio
 
ksh portfolio 02
ksh portfolio 02ksh portfolio 02
ksh portfolio 02
 
Django를 Django답게, Django로 뉴스 사이트 만들기
Django를 Django답게, Django로 뉴스 사이트 만들기Django를 Django답게, Django로 뉴스 사이트 만들기
Django를 Django답게, Django로 뉴스 사이트 만들기
 
tumblr.com 에 대한 DB구조 분석
tumblr.com 에 대한 DB구조 분석tumblr.com 에 대한 DB구조 분석
tumblr.com 에 대한 DB구조 분석
 
신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판
 
Django, 저는 이렇게 씁니다.
Django, 저는 이렇게 씁니다.Django, 저는 이렇게 씁니다.
Django, 저는 이렇게 씁니다.
 
Portfolio
PortfolioPortfolio
Portfolio
 
XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2
 
워드프레스와친구들
워드프레스와친구들워드프레스와친구들
워드프레스와친구들
 

More from SeonSangWon

Hospital Management System Database
Hospital Management System DatabaseHospital Management System Database
Hospital Management System DatabaseSeonSangWon
 
하이브리드 필터링 관광지 추천 시스템
하이브리드 필터링 관광지 추천 시스템하이브리드 필터링 관광지 추천 시스템
하이브리드 필터링 관광지 추천 시스템SeonSangWon
 
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지SeonSangWon
 
암호화 화폐를 이용한 전자상거래 웹 페이지
암호화 화폐를 이용한 전자상거래 웹 페이지암호화 화폐를 이용한 전자상거래 웹 페이지
암호화 화폐를 이용한 전자상거래 웹 페이지SeonSangWon
 
패션 코디 추천 웹 페이지
패션 코디 추천 웹 페이지패션 코디 추천 웹 페이지
패션 코디 추천 웹 페이지SeonSangWon
 

More from SeonSangWon (8)

Hospital Management System Database
Hospital Management System DatabaseHospital Management System Database
Hospital Management System Database
 
Portfolio
PortfolioPortfolio
Portfolio
 
하이브리드 필터링 관광지 추천 시스템
하이브리드 필터링 관광지 추천 시스템하이브리드 필터링 관광지 추천 시스템
하이브리드 필터링 관광지 추천 시스템
 
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지
이미지 추론(Tensorflow)을 통한 패션 정보 제공 웹 페이지
 
암호화 화폐를 이용한 전자상거래 웹 페이지
암호화 화폐를 이용한 전자상거래 웹 페이지암호화 화폐를 이용한 전자상거래 웹 페이지
암호화 화폐를 이용한 전자상거래 웹 페이지
 
Yuhan Cinema
Yuhan CinemaYuhan Cinema
Yuhan Cinema
 
One's House
One's HouseOne's House
One's House
 
패션 코디 추천 웹 페이지
패션 코디 추천 웹 페이지패션 코디 추천 웹 페이지
패션 코디 추천 웹 페이지
 

PHP Answerable Bulletin Board

  • 1. 팀장 : 201707057 김승현 팀원 : 201407070 김종원 201507046 선상원 201507068 송태현
  • 2. 목 차 1 . 프 로 젝 트 개 요 2 . D a ta b a s e 3 . 프 로 그 램 목 록 4 . 흐 름 도 5 . 추 가 기 능 설 명 답변형 게시판
  • 3. 프로젝트 개요 기본으로 답변형 게시판을 중심으로 회원제 게시판이 아닌 비회원 게시판으로 구현했습니다. 또한 게시판에 이미지 업로드가 가능하도록 구현했으며, 비밀 게시글과 댓글작성이 가능합니다. index.html에서 게시판태그 클릭 시 게시글 목록과 글을 쓸 수 있는 글쓰기 버튼과 검색으로 구성되어 있습니다. 게시판 목록에는 게시글 번호, 제목, 글쓴이, 작성일, 조회수 로 구성되어 있습니다. 테이블의 컴포넌트 요소로 각 제목, 글쓴이를 <a>태그로 클릭 가능하게 구현했으며 조회수 칼럼도 <a>태그를 주어 클릭이 가능하도록 구현했습니다. 검색으로는 제목, 글쓴이로 검색이 가능합니다.
  • 5. Database z201707057 Table Layout field명 uid fid name subject comment type mediumint(9) mediumint(9) varchar(12) varchar(60) text 비고 unsigned not null auto_increment unsigned field명 pwd signdate ref thread secret fname type varchar(30) int(10) smallint(5) varchar(25 5) char(1) varchar(15 0) 비고 not null unsigned unsigned
  • 6. Database z201707057a Table Layout field명 replyuid postuid name comment signdate passwor d type mediumint(9) mediumint (9) varchar(12) text int(10) varchar(16) 비고 not null not null
  • 7. 프로그램 목록 data 이미지파일을 업로드하기 위한 폴더 connect.php DB연동 f1.php 맨 처음 게시판으로 이동한다 f2.php index.html 맨 처음 Frameset으로 페이지 구 성 rboard.php 메인 게시판 화면 view.php 게시글을 보여준다 post.php 게시글을 등록한다 reply.php 답변글을 등록한다 insertReply.php 댓글을 등록한다 change.php 게시글을 수정한다 replyupdate.php 댓글을 수정한다 delete.php 게시글을 삭제한다 replydelete.php 댓글을 삭제한다 postform.php 게시글 등록을 위한 form
  • 8. 프로그램 목록 replyform.php 답변글 등록을 위한 form changeform.php 게시글 수정을 위한 form replyupdateform.php 댓글 수정을 위한 form deleteform.php 게시글을 삭제하기 위해 비밀번호 입력 replydeleteform.php 댓글 삭제를 위한 비밀번호 입력 checkPwd.php 비밀글일 경우, 비밀번호를 체크한 다 list.php 검색 시, 해당 파일을 불러온다 popup.php 글쓴이 클릭 시, 해당 글쓴이의 모든 게 시글을 가져온다 sortPopup.php 조회수가 많은 글부터 내림차순하여 정렬한다 총 23개의 php파일과 1개의 폴더
  • 10. 추가 기능 설명 댓글 게시글 또는 댓글을 등록할 수 있도록 설계했으며 작성자와 비밀번호, 댓글의 내용을 입력하여 등록이 가능합니다. 등록 시 입력했던 비밀번호를 이용해 수정 또는 삭제가 가능합니다. 이미지 업로드 게시글 또는 답변글에 이미지(jpg,bmp,png,gif)를 업로드할 수 있도록 설계했으며 Database에는 이미지명을 등록하며 해당 파일은 data폴더에 저장됩니다. 이 때, 게시글 또는 답변글을 수정할 경우 이미지는 무조건 삭제되도록 설계했습니다. 비밀글 게시글 또는 답변글 등록 시 비밀글 작성 체크박스와 함께 비밀번호를 입력할 수 있도록 설계했습니다. 비밀글로 게시글을 등록할 경우 게시글 작성 시에 입력했던 비밀번호가 일치해야 해당 게시글을 볼 수 있도록 설계했습니다.
  • 11. 추가 기능 설명 조회수 정렬 게시글 목록에서 조회수를 클릭하면 팝업창이 생성되며 원본 게시글만 조회수에 따라서 내림차순 정렬됩니다. 원본 게시글의 답글들은 조회수에 상관없이 원본 게시글에 따라서 조회됩니다. ※조회수에 따라서 내림차순을 하게 될 경우 원본 게시글과 답글들이 섞이는 현상이 발생하기 때문에 원본 게시글과 답글이 함께 조회되도록 했습니다. 글쓴이 게시글 목록에서 글쓴이를 클릭하면 해당 글쓴이가 작성한 모든 게시글이 팝업창이 생성되며 불러오기가 가능하도록 설계했습니다.