Step12: comments

Author: yangxg

blog/static/blog/css/custom.css

@@ -200,7 +200,7 @@ figure {
 	padding-bottom: 4em;
 }
 
-.post {
+.post, .comment-area {
 	background: #fff;
 	padding: 30px 30px 0;
 }
@@ -647,7 +647,7 @@ figure {
  * 10.0 - Contact Form
  */
 
-.contact-form input {
+.contact-form input, .comment-form input {
 	border: 1px solid #aaa;
 	margin-bottom: 15px;
 	width: 100%;
@@ -657,7 +657,7 @@ figure {
 	transition: 0.4s border-color linear;
 }
 
-.contact-form textarea {
+.contact-form textarea, .comment-form textarea {
 	border: 1px solid #aaa;
 	margin-bottom: 15px;
 	width: 100%;
@@ -668,8 +668,8 @@ figure {
 	transition: 0.4s border-color linear;
 }
 
-.contact-form input:focus,
-.contact-form textarea:focus {
+.contact-form input:focus, .comment-form input:focus,
+.contact-form textarea:focus, .comment-form textarea:focus {
 	border-color: #666;
 }
 
@@ -798,4 +798,31 @@ figure {
 	.overlay ul li {
 		min-height: 34px;
 	}
-}
+}
+
+/* Comment list */
+.comment-list {
+    margin-top: 30px;
+    font-size: 16px;
+}
+
+.comment-item {
+    border-bottom: 1px #ccc solid;
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+}
+
+.comment-item .name,
+.comment-item .date {
+    color: #444;
+    font-size: 14px;
+}
+
+.comment-item .name:after {
+    content: '·';
+}
+
+.comment-item .text {
+    padding-top: 5px;
+}
+

blog/views.py

@@ -2,6 +2,7 @@
 
 from django.shortcuts import render, get_object_or_404
 
+from comments.forms import CommentForm
 from .models import Post, Category
 
 """
@@ -25,6 +26,8 @@ def index(request):
     return render(request, 'blog/index.html', context={'post_list': post_list})
 
 
+"""
+增加了评论功能后需要相应地更新 detail 函数，更新后的函数见下边。
 def detail(request, pk):
     post = get_object_or_404(Post, pk=pk)
     post.body = markdown.markdown(post.body,
@@ -35,6 +38,25 @@ def detail(request, pk):
                                   ])
     return render(request, 'blog/detail.html', context={'post': post})
 
+"""
+
+
+def detail(request, pk):
+    post = get_object_or_404(Post, pk=pk)
+    post.body = markdown.markdown(post.body,
+                                  extensions=[
+                                      'markdown.extensions.extra',
+                                      'markdown.extensions.codehilite',
+                                      'markdown.extensions.toc',
+                                  ])
+    form = CommentForm()
+    comment_list = post.comment_set.all()
+    context = {'post': post,
+               'form': form,
+               'comment_list': comment_list
+               }
+    return render(request, 'blog/detail.html', context=context)
+
 
 def archives(request, year, month):
     post_list = Post.objects.filter(created_time__year=year, created_time__month=month)

blogproject/settings.py

@@ -36,6 +36,7 @@
     'django.contrib.messages',
     'django.contrib.staticfiles',
     'blog',
+    'comments',
 ]
 
 MIDDLEWARE = [

blogproject/urls.py

@@ -18,5 +18,6 @@
 
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
-    url(r'', include('blog.urls'))
+    url(r'', include('blog.urls')),
+    url(r'', include('comments.urls')),
 ]

comments/__init__.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

comments/admin.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class CommentsConfig(AppConfig):
+    name = 'comments'

comments/apps.py

@@ -0,0 +1,21 @@
+from django import forms
+
+from .models import Comment
+
+
+class CommentForm(forms.ModelForm):
+    class Meta:
+        model = Comment
+        fields = ['name', 'email', 'url', 'text']
+
+        widgets = {
+            'name': forms.TextInput(attrs={
+                'placeholder': "名字",
+            }),
+            'email': forms.TextInput(attrs={
+                'placeholder': "邮箱",
+            }),
+            'url': forms.TextInput(attrs={
+                'placeholder': "网址",
+            }),
+        }

comments/forms.py

@@ -0,0 +1,30 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10.6 on 2017-04-08 11:38
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('blog', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Comment',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+                ('email', models.EmailField(max_length=255)),
+                ('url', models.URLField(blank=True)),
+                ('text', models.TextField()),
+                ('created_time', models.DateTimeField(auto_now_add=True)),
+                ('post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='blog.Post')),
+            ],
+        ),
+    ]