Django project to create a Comments System

We will build a straightforward Django app where users can view posts and add comments, all using just two simple templates. We will learn how to set up models, handle form submissions and create clean views to power an interactive comment system. It’s perfect for getting a solid foundation with Django’s core features while keeping things neat and minimal.

Set Up Your Django Project and App

Prerequisites:

• Django Introduction and Installation
• Creating a Project

Open your terminal or command prompt and run:

django-admin startproject comment_project
cd comment_project
python manage.py startapp comments

Explanation:

• comment_project is your main Django project folder.
• comments is the app dedicated to handling posts and comments, keeping your code modular and organized.

Configure Your Project Settings

Open comment_project/settings.py and add the comments app to your installed apps:

INSTALLED_APPS = [
# Default Django apps
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',

# Our custom app
'comments',
]

Define Models for Posts and Comments

Edit comments/models.py to add two models: Post and Comment.

Explanation:

• The Post model stores each post's title, content, timestamp and author (linked to Django’s built-in User model).
• The Comment model links each comment to a Post and a User, stores the comment text and timestamp.
• related_name='comments' allows you to access comments for a post via post.comments.all().

Create the Database Tables

Run migrations to create the corresponding tables in the database:

python manage.py makemigrations
python manage.py migrate

Register Models with the Admin Interface

Register your models in comments/admin.py to manage posts and comments via the admin panel:

Create a Comment Form

Create comments/forms.py:

Explanation: The form renders a textarea without a label and includes a placeholder for user guidance.

Implement Views

Edit comments/views.py:

Explanation:

• home fetches all posts ordered by newest first and renders the homepage.
• post_detail shows a single post with its comments, handles the comment form submission and refreshes the page after posting a comment.

Configure URLs

Create comments/urls.py:

Include this in your main project URL config comment_project/urls.py:

Create Templates

Create the directory structure:

comments/
└── templates/
└── comments/
├── home.html
└── post_detail.html

home.html:

post_detail.html:

Create a Superuser and Run the Server

Create a superuser to add initial posts via the admin panel:

python manage.py createsuperuser

Start the development server:

python manage.py runserver

Visit http://127.0.0.1:8000/admin/ and log in to create posts.

Visit http://127.0.0.1:8000/ to see all posts.

Click a post title to view and add comments.