Git Commit: blog detail view for app
We have successfully made a listview that displays a list of blogs in cards. What if someone wants to explore more about the blog? We need a detail view to display the complete details of a single blog post.
Let's add the below code in apps > v1 > route_blog.py
from db.repository.blog import retreive_blog
@router.get("/app/blog/{id}")
def blog_detail(request: Request, id: int, db: Session = Depends(get_db)):
blog = retreive_blog(id=id, db=db)
return templates.TemplateResponse(
"blog/detail.html", {"request": request, "blog": blog}
)
- I believe we have done enough routes in our previous course, so you should be already understanding this route.
Time to create the file templates > blog > detail.html
{% extends "base.html" %}
{% block title %}
<title>{{blog.title}}</title>
{% endblock %}
{% block content %}
<div class="container">
<div class="row">
<h1 class="display-4 text-center">{{blog.title}}</h1>
<small class="text-muted">Publish Date: {{blog.created_at.strftime('%Y-%m-%d')}}</small>
<p class="text-secondary my-4">{{blog.content}}</p>
</div>
</div>
{% endblock %}
Let's try out our work at http://127.0.0.1:8000/ You should see a detail page by clicking the read more button:
