게시판만들기(4) - flask를 활용한 기능구현

user manual

1. A user can access, sign up, sign in and sign out via web browser.
<회원가입>

이름, 아이디 , pw를 모두 입력해야 join할 수 있으며 pw와 check의 내용이 다를 때와 이미 계정이 존재할 때 join할 수 없습니다.

<로그인>

계정을 만들었다면 ID와 pw를 입력해 게시판에 접속 할 수 있습니다. 계정이 없다면 위의 회원가입 버튼을 이욯합니다.

<로그아웃>

회원가입해놓은 아이디와 비밀번호를 이용하면 게시판을 사용가능. logout 기능 상단에 버튼으로 구현

 

---

2. Your system can list a user’s diaries, such that the user can see his/her diaries from his/her web browser. Newer diaries should come before the older one in the list.

게시글은 최근 작성된게 가장 상단에 오도록하며 과거의 것을 조회하고 싶다면 next버튼을 사용할 수 있습니다.

---

3. Post/Delete/Edit a diary through web browser
<edit>

게시물의 제목을 클릭하면 내용을 확인할 수 있으며 수정기능을 통해 수정할 수 있습니다. 수정이후 위오같이 게시글 페이지로 다시 넘어갑니다

<delete>

아래의 삭제버튼을 활용해 게시글을 삭제할 수 있습니다.

<post>

add post버튼을 통해 게시글을 추가할 수 있습니다.

게시글을 작성하는 페이지이며 제목과 내용은 필수이며 적지 않았을 경우 글을 posting할 수 없습니다.

제출버튼을 누를경우, 글의 본문보기 페이지로 이동하고 게시판 메인 사이트로 넘어가려면 go_back버튼을 이용합니다

goback버튼을 통해 게시판 메인 페이지로 이동하며 게시글이 추가된 것을 확인 할 수 있습니다.

---

4. Users write any text and upload pictures to the diary
<upload pictures and write any text>

글은 text함에 작성이 가능하며 사진은 사진아이콘을 선택해 넣을 수 있습니다

다음과 같이 사진과 글을 작성할 수 있으며 제출버튼을 누르면 글을 볼 수 있습니다.

다음과 같이 게시글보기로 넘어가게 되고 역시 go_back 버튼을 통해 게시판목록으로 넘어갈 수 있습니다.

Diary항목으로 넘어가 게시글이 잘 작성되었다고 확인할 수 있습니다.

 

---

5. The texts and pictures should be shown to the user through the user’s web browser

Diary 항목 페이지에서 내가 여태 작성한 게시글을 확인할 수 있으며 1페이지당 10개의 글을 확인할 수 있습니다.

최근에 작성한 게시글을 확인하기 위해서는 before버튼을 클릭해 이동할 수 있습니다.

제목을 클릭할 경우, 해당 게시글을 확인할 수 있습니다. 편집 및 삭제도 가능합니다.

 

run.py에서 실행하였고 templates라는 폴더를 만들어 html파일과 py파일을 넣어서 구현하였습니다.
css만으로 꾸미기에는 한정적이여서 bootstrap을 조금이라도 사용봤습니다.

다음 사진처럼 templates파일에 html파일과 동작제어를 위한 python파일을 가지고 구동가능.
우선, html -> 편집기능버튼관련 처리는 edit에 회원가입폼은 join, 게시글목록페이지 폼은 list에 로그인기능 폼은 login과 로그아웃 버튼은 menu에(로그아웃,로그인,회원가입 버튼을 보여주기 위한 html파일) write는 글 작성 폼이며 view는 작성된 폼을 보여주며 함께 edit delete버튼을 넣어주어 edit버튼은 edit과연결하여 사용. main에서 배경색을 핑크로!
python -> 크게 두가지로 말하자면, member.py로 회원정보 관련 처리, board.py로 list,write,edit등 게시글 관련 처리
templates 폴더 밖의 run.py실행해서 게시판에 접속가능