# ১১-৬ : ইম্প্লিমেন্টিং কমেন্ট পার্ট ১

এই মডিউলে দেখব কিভাবে পোস্টের জন্য কমেন্ট এ্যাড করা যায়।&#x20;

প্রথমেই Comment মডেল ক্রিয়েট করে ফেলি-

<mark style="color:green;">**Code:: 11.6.1**</mark>\
<mark style="color:red;">posts/models.py</mark>

```python
...
...
...

class Comment(models.Model):
    post = models.ForeignKey(Post, on_delete=models.CASCADE, related_name='comments')
    name = models.CharField(max_length=30)
    email = models.EmailField()
    body = models.TextField()
    created_on = models.DateTimeField(auto_now_add=True)
    
    def __str__(self):
        return f"Comments by {self.name}"
        
```

* মডেলে post নামে ForeignKey ফিল্ড এ্যাড করে Post মডেলের সাথে One to Many রিলেশনশিপ তৈরি করা হয়েছে, রিলেশনশিপটি Comment মডেলে তৈরি করা হয়েছে যেন একটি Post এর জন্য একাধিক Comment অ্যাাড করা যায়।

নতুন মডেল তৈরি করা হয়েছে, অতএব makemigrations, migrate কমান্ড রান করতে হবে

Comment মডেলের জন্য মডেলফর্ম তৈরি করে ফেলি-

<mark style="color:green;">**Code:: 11.6.2**</mark>\
<mark style="color:red;">posts/forms.py</mark>

```python
...
...
...

class CommentForm(forms.ModelForm):
    class Meta:
        model = Comment
        fields = ['name', 'email', 'body']
        
```

কমেন্ট করার ও কমেন্টস দেখার সুবিধাটি ডিটেইলস পোস্ট সেকশনে রাখতে চাচ্ছি । DetailPostView নিচের মত করে লিখে ফেলি-

<mark style="color:green;">**Code:: 11.6.3**</mark>\
<mark style="color:red;">posts/views.py</mark>

```python
...
...
...

class DetailPostView(DetailView):
    model = models.Post
    pk_url_kwarg = 'id'
    template_name = 'post_details.html'
    
    def post(self, request, *args, **kwargs):
        comment_form = forms.CommentForm(data=self.request.POST)
        post = self.get_object()
        if comment_form.is_valid():
            new_comment = comment_form.save(commit=False)
            new_comment.post = post
            new_comment.save()
        return self.get(request, *args, **kwargs)
    
    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        post = self.object # post model er object ekhane store korlam
        comments = post.comments.all()
        comment_form = forms.CommentForm()
        
        context['comments'] = comments
        context['comment_form'] = comment_form
        return context
        
```

post( ) ফাংশনে CommentForm-এ পোস্ট করা ডেটা ডেটাবেজে সেভ করা হয়েছে । get\_context\_data( ) ফাংশনে CommentForm  ও CommentForm এর ডেটা context আকারে রিটার্ন করা হয়েছে।

CommentForm ও CommentForm এর ডেটা দেখানোর জন্য post\_details.html ফাইল নিচের মত করে লিখে ফেলি-

<mark style="color:green;">**Code:: 11.6.3**</mark>\
<mark style="color:red;">posts/templates/post\_details.html</mark>

{% code lineNumbers="true" %}
```html
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="col-12">
    <div class="card m-2">
        <div class="card-body">
            <img src="{{post.image.url}}" class="card-img-top" alt="..." style="width:50%;">
            <h1 class="card-title">{{post.title}}</h1>
            <p class="card-text">{{post.content}}</p>
            <p>Author : {{post.author.first_name}} {{post.author.last_name}}</p>
            <p>
                Category : {% for cat in post.category.all %}
                <button class="btn btn-warning btn-sm m-2" disabled>
                    {{cat.name}}
                </button>
                {% endfor %}
            </p>
        </div>
    </div>
</div>

<div class="card m-2">
    <h5 class="p-3">Total Comments : {{comments | length}}</h5>
    {% for comment in comments %}
  <div class="card-body border m-2">
        <p><b>{{comment.name}}</b> {{comment.created_on}}</p>
        <p>{{comment.body}}</p>
    </div>
    {% endfor %}
</div>
<div class="card m-2">
    <div class="card-body">
        <form method="post">
            <h1>Add Comment</h1>
            {% csrf_token %}
            {{comment_form | crispy}}

            <button class="btn btn-warning">Submit</button>
    </div>
</div>
{% endblock %}
```
{% endcode %}

প্রজেক্ট রান করে ডিটেইল ভিউ তে গেলে পোস্টের জন্য কমেন্ট ও কমেন্ট করার ফর্ম দেখতে পাব-

<figure><img src="https://3753355949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZjZRCk5NYynvfinzJmZE%2Fuploads%2FXbcLZdojshgZ8idhF0cM%2Fimage.png?alt=media&#x26;token=83898bbf-e8ea-4a3f-ae20-0be53a349382" alt=""><figcaption></figcaption></figure>

