본문 바로가기
PROJECT/Project01_인스타그램 클론코딩

RE_PROJECT 01 | 게시글 추가하기

by JUNG씨 2022. 10. 12.

✅ 게시글 추가하기 기능 구현하기  

 

 

✔️ tweet/views.py 에 post_add 추가

@login_required    
def post_add(request):
    return render(request, 'tweet/post-add.html')

 

 

 

✔️ tweet/urls.py에서 url 설정

path('post-add/', views.post_add, name='post-add'),

 

 

 

✔️ templates/base.html 에 추가

{% block postadd %}
{% endblock postadd %}

 

 

 

✔️ templates/post-add.html 수정

<form action="/tweet/" method="post" enctype="multipart/form-data">
<div style="width: 100%; text-align: center;">
    <a class="nav-link" href="/home">
        <button id="button_write_feed" type="submit" class="btn btn-primary" style="width: 268px">
        공유하기</button>
    </a>
</div>

➡️ 공유하기 버튼을 누르면 게시글이 올라가면서 메인페이지로 연결되도록 설정했다.

 

 

 

 

✔️ 서버 실행 화면

➡️ 아직 이미지는 연결하지 않아서 미리 지정해둔 이미지가 나온다. 상단 네비게이션바의 오른쪽에 있는 + 아이콘을 누르면 게시글을 추가하는 화면이 나타난다.