Add class based views, individual post pages, and link to post on home page

Author: Mohammed Ayaz

blog/templates/blog/home.html

@@ -2,12 +2,13 @@
 {% block content %}
 	{% for post in posts%}  
 		<article class="media content-section">
+		<img class="rounded-circle article-img" src="{{ post.author.profile.image.url }}">
 		  <div class="media-body">
 		    <div class="article-metadata">
 		      <a class="mr-2" href="#">{{ post.author }}</a>
 		      <small class="text-muted">{{ post.date_posted | date:"F d, Y" }}</small>
 		    </div>
-		    <h2><a class="article-title" href="#">{{ post.title }}</a></h2>
+		    <h2><a class="article-title" href="{% url 'post-detail' post.id %}">{{ post.title }}</a></h2>
 		    <p class="article-content">{{ post.content }}</p>
 		  </div>
 		</article>

blog/urls.py

@@ -1,8 +1,10 @@
 from django.urls import path
+from .views import PostListView, PostDetailView
 from . import views
 
 urlpatterns = [
-    path('', views.home, name='blog-home'),
+    path('', PostListView.as_view(), name='blog-home'),
+    path('post/<int:pk>/', PostDetailView.as_view(), name='post-detail'),
     path('about/', views.about, name='blog-about'),
 
-]
+]

blog/views.py

@@ -1,5 +1,6 @@
 from django.shortcuts import render
 from django.http import HttpResponse
+from django.views.generic import ListView, DetailView
 from .models import Post
 
 
@@ -9,5 +10,15 @@ def home(request):
 	}
 	return render(request, 'blog/home.html', context)
 
+class PostListView(ListView):
+	model = Post
+	template_name = 'blog/home.html' # <app>/<model>_<viewtype>.html
+	context_object_name = 'posts'
+	ordering = ['-date_posted']
+
+class PostDetailView(DetailView):
+	model = Post 
+
+
 def about(request):
-	return render(request, 'blog/about.html', {'title': 'About'})
+	return render(request, 'blog/about.html', {'title': 'About'})

db.sqlite3

@@ -19,3 +19,4 @@ def main():
 
 if __name__ == '__main__':
     main()
+