لینک به جزئیات (Add Link to Details)

35 دقیقه Article

لینک به جزئیات: اتصال صفحات به هم 🔗

در یک سایت واقعی، معمولاً لیستی از آیتم‌ها داریم و می‌خوایم با کلیک روی هر کدوم، به صفحه جزئیات بریم. این کار با لینک‌ها انجام میشه!

استفاده از تگ url

بهترین روش برای ساخت لینک‌ها در جنگو، استفاده از تگ url هست:


{% for post in posts %}
    
        {{ post.title }}
        {{ post.content|truncatewords:30 }}
    
{% endfor %}

ساخت ویوی جزئیات

حالا باید ویوی صفحه جزئیات رو بسازیم:

# blog/views.py
from django.shortcuts import render, get_object_or_404
from .models import Post

def post_detail(request, post_id):
    post = get_object_or_404(Post, id=post_id, published=True)
    context = {
        'post': post
    }
    return render(request, 'blog/post_detail.html', context)

get_object_or_404: این تابع خیلی مفیده! اگر رکورد پیدا نشه، به جای خطا، صفحه 404 رو نمایش میده. این کار تجربه کاربری بهتری میده.

تمپلیت جزئیات



    {{ post.title }}
    نویسنده: {{ post.author.username }}
    تاریخ: {{ post.created_at|date:"Y/m/d H:i" }}
    <hr>
    {{ post.content|linebreaks }}
    بازگشت به صفحه اصلی

فیلتر linebreaks: این فیلتر خطوط جدید رو به <br> تبدیل می‌کنه. برای نمایش متن‌های چند خطی خیلی مفیده!

🎯 تمرین عملی:

یک صفحه جزئیات برای دسته‌بندی بسازید که تمام پست‌های اون دسته‌بندی رو نمایش بده. از get_object_or_404 استفاده کنید.

تمرین‌های عملی

برای تثبیت یادگیری این درس تمرین‌های زیر را حل کنید

تمرین: ساخت صفحه جزئیات دسته‌بندی Easy

سوال تمرین

🎯 تمرین عملی: صفحه جزئیات

یک صفحه جزئیات برای دسته‌بندی بسازید که تمام پست‌های اون دسته‌بندی رو نمایش بده.

پاسخ تمرین

PYTHON

from django.shortcuts import render, get_object_or_404
from .models import Category, Post

def category_detail(request, category_slug):
    # پیدا کردن دسته‌بندی (یا 404)
    category = get_object_or_404(Category, slug=category_slug)
    
    # گرفتن پست‌های منتشر شده این دسته‌بندی
    posts = Post.objects.filter(
        category=category,
        published=True
    ).order_by('-created_at')
    
    context = {
        'category': category,
        'posts': posts
    }
    return render(request, 'blog/category_detail.html', context)

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

برای ذخیره پیشرفت وارد شوید

ParsRepo