کار در خانه: چیزهای بیشتری به وب‌سایت اضافه کنیم!

وبلاگ ما راه درازی را آمده است اما هنوز جا برای توسعه بیشتر، هست. در ادامه ما ویژگی‌هایی‌هایی را مانند ایجاد پیش‌نویس برای یک پست وبلاگی و نحوه انتشار آن‌ها، اضافه خواهیم کرد. علاوه بر این امکان پاک کردن پست‌هایی که لازم نداریم را هم ایجاد خواهیم کرد. بسیارعالی!

ذخیره کردن پست‌های جدید به صورت پیش‌نویس

در حال حاضر وقتی ما به کمک فرم New post یک پست وبلاگی جدید می‌سازیم، این پست مستقیماً منتشر می‌شود. برای آنکه این پست به صورت پیش‌نویس ذخیره شود عبارت زیر را در متدهای post_new و post_edit در فایل blog/views.py حذف کنید:

post.published_date = timezone.now()

با این روش، پست‌های جدید به جای آنکه بلافاصله منتشر شوند، به عنوان پیش‌نویس ذخیره می‌شوند و بعداً می‌توانیم آن‌ها را بازبینی کنیم. چیزی که الان لازم داریم راهی است که پست‌های پیش‌نویس شده را لیست کنیم و انتشار دهیم، برویم سراغش!

صفحه‌ای با لیستی از پست‌های منتشر نشده

بخش مربوط به کوئری‌ست‌ها را به یاد می‌آورید؟ ما ویویی به نام post_list ساخته‌ایم که فقط پست‌های منتشر شده را نمایش می‌دهد (پست‌هایی که مقدار published_date برای آن‌ها خالی نیست).

حالا زمان آن است که کار مشابهی را برای پست‌های پیش‌نویس انجام دهیم.

حالا می‌خواهیم در هدر فایل blog/templates/blog/base.html یک لینک اضافه کنیم. از آنجا که نمی‌خواهیم لیست پست‌های پیش‌نویس را به همه نشان بدهیم، پس این لینک رادر عبارت کنترلی {% if user.is_authenticated %} و دقیقاً بعد از دکمه مربوط به اضافه کردن پست جدید، اضافه می‌کنیم.

<a href="<div data-gb-custom-block data-tag="url" data-0='post_draft_list'></div>

" class="top-menu">Drafts</span></a>

حالا وقت اصلاح urlها در فایل blog/urls.py است:

path('drafts/', views.post_draft_list, name='post_draft_list'),

وقت ساختن یک ویو در فایل blog/views.py است:

def post_draft_list(request):
    posts = Post.objects.filter(published_date__isnull=True).order_by('created_date')
    return render(request, 'blog/post_draft_list.html', {'posts': posts})

خط posts = Post.objects.filter(published_date__isnull=True).order_by('created_date') کنترل می‌کند که ما فقط پست‌های منتشر نشده (published_date__isnull=True) را گرفته باشیم و آن‌ها را به ترتیب تاریخ ساخت (order_by('created_date')) دریافت کرده باشیم.

بسیار عالی، آخرین بخش کار، ساختن یک تمپلیت است! فایل blog/templates/blog/post_draft_list.html را بسازید و خطوط زیر را به آن اضافه کنید:

<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>

<div data-gb-custom-block data-tag="block">

    

<div data-gb-custom-block data-tag="for">

        <div class="post">
            <p class="date">created: {{ post.created_date|date:'d-m-Y' }}</p>
            <h1><a href="

<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>">{{ post.title }}</a></h1>
            <p>{{ post.text|truncatechars:200 }}</p>
        </div>
    </div>

</div>

این فایل بسیار شبیه فایل post_list.html است، اینطور نیست؟

حالا وقتی به آدرس http://127.0.0.1:8000/drafts/ بروید لیستی از پست‌های منتشر نشده را خواهید دید.

وای!‌ اولین تمرین شما انجام شد!

اضافه کردن دکمه انتشار

بسیار جذاب خواهد بود که دکمه‌ای در صفحه جزییات پست داشته باشیم که با زدن آن بلافاصله یک پست پیش‌نویس، منتشر شود، درست است؟

فایل blog/templates/blog/post_detail.html را باز کنید و خط‌های زیر را:

<div data-gb-custom-block data-tag="if">

    <div class="date">
        {{ post.published_date }}
    </div>

</div>

به این شکل تغییر دهید:

<div data-gb-custom-block data-tag="if">

    <div class="date">
        {{ post.published_date }}
    </div>

<div data-gb-custom-block data-tag="else"></div>

    <form method="POST" action="

<div data-gb-custom-block data-tag="url" data-0='post_publish'></div>" class="post-form"><div data-gb-custom-block data-tag="csrf_token"></div>

        <button type="submit" class="post btn btn-secondary" name="publish">Publish</button>
    </form>

</div>

همانطور که توجه کرده‌اید ما خط {% else %} را اضافه کرده‌ایم. این خط به این معنی است که اگر شرایط موجود در عبارت {% if post.published_date %} برآورده نشد (یعنی اگر هیچ تاریخ انتشار یا published_date وجود نداشت) می‌خواهیم که خط <a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='post_publish'></div>">Publish</a> اجرا شود. توجه کنید که ما یک متغیر pk را به عبارت {% url %} ارجاع داده‌ایم.

زمان ساختن یک URL (در فایل blog/urls.py) است:

path('post/<int:pk>/publish/', views.post_publish, name='post_publish'),

و در نهایت یک ویو (مانند همیشه در فایل blog/views.py) می‌سازیم:

def post_publish(request, pk):
    post = get_object_or_404(Post, pk=pk)
    if request.method=='POST':
        post.publish()
    return redirect('post_detail', pk=pk)

به یاد داشته باشید، وقتی ما یک مدل Post ساختیم یک متد publish هم نوشتیم که شبیه به این بود:

def publish(self):
    self.published_date = timezone.now()
    self.save()

حالا بالاخره می‌توانیم از آن استفاده کنیم!

و یک بار دیگر بعد از انتشار پست ما بلافاصله به صفحه جزییات پست یا post_detail هدایت خواهیم شد!

Publish button

تبریک! تقریبا به نتیجه رسیده‌اید. آخرین مرحله اضافه کردن یک کلید حذف پست است.

حذف پست

بیایید یک بار دیگر فایل blog/templates/blog/post_detail.html را باز کنید و این خط را به آن اضافه کنید:

<form method="POST" action="<div data-gb-custom-block data-tag="url" data-0='post_remove'></div>" class="post-form"><div data-gb-custom-block data-tag="csrf_token"></div>
    <button type="submit" class="post btn btn-danger" name="delete">
    Delete
    </button>
</form>

دقیقاً زیر خطی که دکمه اصلاح یا Edit button قرار دارد.

حالا یک URL لازم داریم (blog/urls.py):

path('post/<int:pk>/remove/', views.post_remove, name='post_remove'),

و الان زمان اضافه کردن یک ویو است! فایل blog/views.py را باز کنید و این کد را به آن اضافه کنید:

def post_remove(request, pk):
    post = get_object_or_404(Post, pk=pk)
    if request.method=='POST':
        post.delete()
    return redirect('post_list')

تنها کار باقی مانده آن است که به صورت واقعی پست وبلاگی مورد نظر را پاک کنیم. هر مدل جنگو می‌تواند با دستور .delete() حذف شود. واقعاً به همین سادگی است!

و این بار، بعد از پاک کردن یک پست، ما می‌خواهیم به صفحه‌ای شامل لیست همه پست‌ها برویم، بنابراین ما از redirect استفاده خواهیم کرد.

حالا بیایید آن را امتحان کنیم! به یک صفحه که در آن پستی هست بروید و آن را پاک کنید!

Delete button

بله این آخرین مرحله بود! شما این آموزش را تمام کردید! فوق العاده هستید!