3주차_6번째_게시글 읽기/삭제

게시글 읽어오기

 

tweet을 불러올 때 게시글을 같이 불러올거다!

tweet 앱에 views.py 열어서 함수 수정하자

def tweet(request):
    if request.method == 'GET':  # 요청하는 방식이 GET 방식인지 확인하기
        user = request.user.is_authenticated  # 사용자가 로그인이 되어 있는지 확인하기
        if user:  # 로그인 한 사용자라면
            all_tweet = TweetModel.objects.all().order_by('-created_at')
            return render(request, 'tweet/home.html', {'tweet':all_tweet})
        else:  # 로그인이 되어 있지 않다면
            return redirect('/sign-in')

 

get 요청으로 받아올건데

사용자가 로그인이 되어있으면 글을 모두 불러올거다

all_tweet 이라는 변수에 TweetModel에 저장한 모든 데이터를 불러올건데 최신순으로 불러줘라!

 

{'tweet':all_tweet}

 

키값이 tweet인 딕셔너리형태로 넘겨준다.

 

읽어온 게시글 화면에 노출시키기

home.html에 들어가서 작성된 글이 나오는 곳을 수정해주자

<hr> 태그 찾으면 빠르다!

 

아래 코드처럼 수정해주자!

<!-- templates/tweet/home.html -->
<hr>
<!-- 작성 된 글이 나오는 곳 -->
<div class="row">
    {% for tw in tweet %}
        <div class="col-md-12 mb-2">
            <div class="card">
                <div class="card-body">
                    <div class="media">
                        <div class="media-body">
                            <h5 class="mt-0">{{ tw.content }}</h5>
                        </div>
                        <div style="text-align: right">
                            <span style="font-size: small">{{ tw.author.username }}-{{ tw.created_at|timesince }} 전</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
</div>

{% for tw in tweet %} : 아까 만든 딕셔너리의 key 값인 tweet을 가지고 화면에서 출력을 하기 위함

{{ tw.content }} : 작성했던 정보

{{ tw.author.username }}-{{ tw.created_at|timesince }} 전 : tweet/models.py에 보면 author 부분에 UseModel이 있는데 이 모델에서 갖고있는 전부를 가져온 것이다! tw.author라고만 하면 그 전부를 다 가져오는거라서 .username을 해줌으로써 이름만 가져오는 것!

 

이렇게 수정해주고 새로고침 해주니까

 

그동안 입력했던게 아주 잘 나온다!

 

 

글 삭제하기

게시글은 각각의 고유한 게시글 id가 있다!

 

게시글 삭제 view 만들기

tweet앱의 views.py에 아래 코드로 수정하자

 

# tweet/views.py
from django.contrib.auth.decorators import login_required


@login_required #로그인 한 사용자만 접근이 가능하게 해줌! import 필요
def delete_tweet(request, id):
    my_tweet = TweetModel.objects.get(id=id)
    my_tweet.delete()
    return redirect('/tweet')

 

 

urls 연결하기

tweet랩의 urls.py 코드 수정하기

 

# tweet/urls.py

from django.urls import path
from . import views

urlpatterns = [
    path('', views.home, name='home'),
    path('tweet/', views.tweet, name='tweet'),
    path('tweet/delete/<int:id>', views.delete_tweet, name='delete-tweet'),
]

 

맨 아래 코드 추가해주자

 

 

home.html에 게시글 삭제하는 url 넣어주기

<!-- 작성 된 글이 나오는 곳 -->
            <div class="row">
                {% for tw in tweet %}
                <div class="col-md-12 mb-2">
                    <div class="card">
                        <div class="card-body">
                            {% if tw.author == user %}
                            <div style="text-align: right">
                                <a href="/tweet/delete/{{ tw.id }}">
                                    <span class="badge rounded-pill bg-danger">삭제</span>
                                </a>
                            </div>
                            {% endif %}
                            <div style="text-align: right">
                                <a href="#">
                                    <span class="badge rounded-pill bg-success">보기</span>
                                </a>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <h5 class="mt-0">{{ tw.content }}</h5>
                                </div>
                                <div style="text-align: right">
                                    <span style="font-size: small">{{ tw.author.username }}-{{ tw.created_at|timesince
                                        }} 전</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
</div>
{% endblock %}

 

짜란!!!! 이제 된다!!~~~!!~~~!~!