如何在Django类ListView中添加"like“按钮

from django.db import models

class Post(models.Model):
    title = models.CharField(max_length=100)
    content = models.TextField()

from django.views.generic import ListView
from .models import Post

class PostListView(ListView):
    model = Post
    template_name = 'post_list.html'

from django.urls import path
from .views import PostListView

urlpatterns = [
    path('posts/', PostListView.as_view(), name='post_list'),
]

{% extends 'base.html' %}

{% block content %}
  <h1>Posts</h1>
  <ul>
    {% for post in object_list %}
      <li>
        <h2>{{ post.title }}</h2>
        <p>{{ post.content }}</p>
        <button class="like-button">Like</button>
      </li>
    {% endfor %}
  </ul>
{% endblock %}

{% extends 'base.html' %}

{% block content %}
  <h1>Posts</h1>
  <ul>
    {% for post in object_list %}
      <li>
        <h2>{{ post.title }}</h2>
        <p>{{ post.content }}</p>
        <button class="like-button" data-post-id="{{ post.id }}">Like</button>
      </li>
    {% endfor %}
  </ul>

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.like-button').click(function() {
        var postId = $(this).data('post-id');
        $.ajax({
          url: '/like/',
          method: 'POST',
          data: { 'post_id': postId },
          success: function(response) {
            alert('Post liked!');
          },
          error: function(xhr, status, error) {
            alert('An error occurred while liking the post.');
          }
        });
      });
    });
  </script>
{% endblock %}

from django.http import JsonResponse

def like_post(request):
    if request.method == 'POST':
        post_id = request.POST.get('post_id')
        # 根据post_id执行喜欢的逻辑，例如增加喜欢计数或将用户添加到喜欢列表中
        return JsonResponse({ 'status': 'success' })
    else:
        return JsonResponse({ 'status': 'error' })

from django.urls import path
from .views import PostListView, like_post

urlpatterns = [
    path('posts/', PostListView.as_view(), name='post_list'),
    path('like/', like_post, name='like_post'),
]