Practical: 5: AIM: Design A Django Project For "Django Blog"

PRACTICAL: 5
Name: Shubham Annasaheb Waykar
PRN: 1941059
Batch: T4
AIM: Design a django project for “Django Blog”
THEORY
INTRODUCTION:
In this practical we are going to build the blog application using django that will allow
user to create, edit, delete their posts. The homepage will list of all blog posts, and there will
be dedicated detail page for each individual post.
STARTING THE PROJECT

To initiate a project of Django on Your PC, open Terminal and Enter the following
command
django-admin mysite
A New Folder with the name projectName will be created. To enter in the project using the
terminal enter command
cd mysite
Now let’s run the server and see everything is working fine or not. To run the server, type
the below command in the terminal.
python manage.py runserver

Creating an app named quiz
python manage.py startapp blog
➢ Settings.py:
Add your app name in settings.py
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
‘blog’,
]
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
➢ Urls.py:
Now add your apps urls in the project
from django.contrib import admin

from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('', include('blog.urls')),
➢ Models.py:
from django.db import models
from django.contrib.auth.models import User
STATUS = (
(0,"Draft"),
(1,"Publish")
)
class Post(models.Model):
title = models.CharField(max_length=200, unique=True)
slug = models.SlugField(max_length=200, unique=True)
author = models.ForeignKey(User, on_delete=
models.CASCADE,related_name='blog_posts')
updated_on = models.DateTimeField(auto_now= True)
content = models.TextField()
created_on = models.DateTimeField(auto_now_add=True)
status = models.IntegerField(choices=STATUS, default=0)
class Meta:
ordering = ['-created_on']
def __str__(self):
return self.title
➢ Admin.py:
Here, we are registering our model to the admin site, so that we can update or access
the database from the admin panel also. But we need a superuser to access the admin
site.
from django.contrib import admin

from .models import Post
class PostAdmin(admin.ModelAdmin):
list_display = ('title', 'slug', 'status','created_on')
list_filter = ("status",)
search_fields = ['title', 'content']
prepopulated_fields = {'slug': ('title',)}
admin.site.register(Post, PostAdmin)
Migrate the database and create the super user
Python manage.py makemigrations

Python manage.py migrate
Python manage.py createsuperuser
➢ Apps.py:
from django.apps import AppConfig

class QuizConfig(AppConfig):
name = 'blog'
➢ Views.py:
from django.views import generic
from .models import Post
class PostList(generic.ListView):
queryset = Post.objects.filter(status=1).order_by('-created_on')
template_name = 'index.html'
class PostDetail(generic.DetailView):
model = Post
template_name = 'post_detail.html'
➢ Urls.py:
Add the urls.py file in your app folder
from . import views

from django.urls import path
urlpatterns = [
path('', views.PostList.as_view(), name='home'),
path('<slug:slug>/', views.PostDetail.as_view(), name='post_detail'),
]
➢ base.html:
Create a base.html in templates folder.
<!DOCTYPE html>
<html>
<head>
<title>Django Central</title>
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700"
rel="stylesheet">
<meta name="google" content="notranslate" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS
6JXm"
crossorigin="anonymous"
/>
</head>
<body>
<style>
body {
font-family: "Roboto", sans-serif;
font-size: 17px;
background-color: #fdfdfd;
}
.shadow{
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}
.btn-danger {
color: #fff;
background-color: #f00000;
border-color: #dc281e;
}
.masthead {
background:#3398E1;
height: auto;
padding-bottom: 15px;
box-shadow: 0 16px 48px #E3E7EB;
padding-top: 10px;
}
</style>

<nav class="navbar navbar-expand-lg navbar-light bg-light shadow"
id="mainNav">
<div class="container-fluid">
<a class="navbar-brand" href="{% url 'home' %}" >Django central</a>
<button
class="navbar-toggler navbar-toggler-right"
type="button"
data-toggle="collapse"
data-target="#navbarResponsive"
aria-controls="navbarResponsive"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item text-black">
<a
class="nav-link text-black font-weight-bold"
href="#"
>About</a>
</li>
<a
href="#"
>Policy</a>
</li>
<a
href="#"
>Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
{% block content %}

{% endblock content %}

<footer class="py-3 bg-grey">
<p class="m-0 text-dark text-center ">Copyright © Django
Central</p>
</footer>
</body>
</html>
➢ index.html
{% extends "base.html" %}
{% block content %}
<style>
body {
font-family: "Roboto", sans-serif;
font-size: 18px;
background-color: #fdfdfd;
}
.head_text{
color: white;
}
.card{
}
</style>
<header class="masthead" >
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class=" col-md-8 col-md-10 mx-auto">
<div class="site-heading">
<h3 class=" site-heading my-4 mt-3 text-white"> Welcome to my
awesome Blog </h3>
<p class="text-light">We Love Django As much as you do..! &nbsp
</p>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="row">

<div class="col-md-8 mt-3 left">
{% for post in post_list %}
<div class="card mb-4" >
<div class="card-body">
<h2 class="card-title">{{ post.title }}</h2>
<p class="card-text text-muted h6">{{ post.author }} | {{
post.created_on}} </p>
<p class="card-text">{{post.content|slice:":200" }}</p>
<a href="{% url 'post_detail' post.slug %}" class="btn btn-
primary">Read More →</a>
</div>
</div>
{% endfor %}
</div>
{% block sidebar %}
{% include 'sidebar.html' %}
{% endblock sidebar %}
</div>
</div>
{%endblock%}
➢ post_details.html
{% extends 'base.html' %} {% block content %}

<div class="row">
<div class="col-md-8 card mb-4 mt-3 left top">
<h1>{% block title %} {{ object.title }} {% endblock title %}</h1>
<p class=" text-muted">{{ post.author }} | {{ post.created_on }}</p>
<p class="card-text ">{{ object.content | safe }}</p>
</div>
</div>
{% block sidebar %} {% include 'sidebar.html' %} {% endblock sidebar %}
</div>
</div>
{% endblock content %}
➢ sidebar.html
{% block sidebar %}
<style>
.card{
}
</style>

<div class="col-md-4 float-right ">
<div class="card my-4">
<h5 class="card-header">About Us</h5>
<p class="card-text"> This awesome blog is made on the top of our Favourite
full stack Framework 'Django', follow up the tutorial to learn how we made it..!</p>
<a href="#"
class="btn btn-danger">Know more!</a>
</div>
</div>
</div>
{% endblock sidebar %}
OUTPUT:
Home Page
CONCLUSION:
Hence, in this practical we learnt to make blog using django
Sign of Teacher

Practical: 5: AIM: Design A Django Project For "Django Blog"

Uploaded by

Copyright:

Available Formats

Practical: 5: AIM: Design A Django Project For "Django Blog"

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Practical: 5: AIM: Design A Django Project For "Django Blog"

Uploaded by

Copyright:

Available Formats

PRACTICAL: 5

Name: Shubham Annasaheb Waykar

STARTING THE PROJECT

python manage.py runserver

Add your app name in settings.py

from django.contrib import admin

from django.contrib import admin

Migrate the database and create the super user

Python manage.py makemigrations

from django.apps import AppConfig

from . import views

{% extends 'base.html' %} {% block content %}

You might also like