Django: 添加公開留言與履歷列表功能

from django.urls import path
from . import views
from comments import views as comment_views

app_name = "resumes"

urlpatterns = [
    path("", views.index, name="index"),
    path("list", views.list, name="list"),
    path("new", views.new, name="new"),
    path("<int:id>", views.show, name="show"),
    path("<int:id>/edit", views.edit, name="edit"),
    path("<int:id>/delete", views.delete, name="delete"),
    path("<int:id>/comments", comment_views.index, name="comments"),
    path("<int:id>/public", views.public, name="public"),  # 新增公開頁面路徑
]

from django.shortcuts import get_object_or_404, render
from .models import Resume

def public(request, id):
    resume = get_object_or_404(Resume, id=id)
    comments = resume.comment_set.all()  # 獲取與該履歷相關的留言

    return render(
        request,
        "resumes/show.html",  # 使用現有模板
        {
            "resume": resume,
            "comments": comments,
        },
    )

{% extends "shared/layout.html" %}

{% block "content" %}

<h1>{{ resume.title }}</h1>
<h3>{{ resume.skill }}</h3>
<article>
  <p>{{ resume.content }}</p>
</article>

{% if resume.user == user %}
  <footer>
    <a href="{% url 'resumes:edit' resume.id %}" class="btn btn-sm">編輯</a>
    <a href="{% url 'resumes:delete' resume.id %}" class="btn btn-sm">刪除</a>
  </footer>
{% endif %}

<section>
  <form class="flex flex-col gap-2"
        hx-target="#comment-list"
        x-data="comment_form"
        hx-swap="afterbegin"
        hx-post="{% url 'resumes:comments' resume.id %}">
    {% csrf_token %}
    <div class="form-control">
      <textarea x-model="content" name="content" class="textarea textarea-bordered"></textarea>
    </div>
    <div>
      <button x-ref="btn" class="btn btn-md btn-primary">
        新增留言
      </button>
    </div>
  </form>
</section>

<ul id="comment-list">
{% for comment in comments %}
  {% include "comments/_comment.html" with comment=comment %}
{% endfor %}
</ul>

{% endblock %}

<code>{% if resume.user == user %}
  <footer>
    <a href="{% url 'resumes:edit' resume.id %}" class="btn btn-sm">編輯</a>
    <a href="{% url 'resumes:delete' resume.id %}" class="btn btn-sm">刪除</a>
  </footer>
{% endif %}
</code>

{% extends "shared/layout.html" %}

{% block "content" %}

{% if user.is_authenticated %}
  <h1 class="text-3xl">個人履歷</h1>
  <a href="{% url 'resumes:new' %}" class="btn btn-primary">新增 resume</a>
{% endif %}

<ul>
{% for resume in resumes %}
  <li>
    {% if user.is_authenticated %}
      <a href="{% url 'resumes:show' resume.id %}">
        {{ resume.title }}
      </a>
    {% else %}
      <a href="{% url 'resumes:public' resume.id %}">
        {{ resume.title }}
      </a>
    {% endif %}
  </li>
{% endfor %}
</ul>

{% endblock %}

{% if user.is_authenticated %}
  <h1 class="text-3xl">個人履歷</h1>
  <a href="{% url 'resumes:new' %}" class="btn btn-primary">新增 resume</a>
{% endif %}