DEV Community: Oviyan S

Mastering Django: How to Render HTML Like a Pro!

Oviyan S — Sat, 31 Aug 2024 16:33:31 +0000

Hello everyone welcome back to another interesting blog. Today we will learn how to add static files and templates to our Django web app.

What are Static files?
Static files are nothing but in our folder with all CSS files, JS files and images required for our web app.

Before that, we will learn about how to execute the Hello World in web app. Already we left with Django installation.

Let's learn practically!!!

create the view function for displaying the Hellow world. For that navigate to views.py and create the Python functions to return the HTTP response.



from django.shortcuts import render,HttpResponse


def home(request):
    return HttpResponse("Hello World!!!")

Everything is ready now We have to map this view function to the URLs.py


from django.contrib import admin
from django.urls import path
from home import views 

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',views.home), 
]

Run the server and open it

in the web browser yay!!!! we got the output.

How to render the HTML file

we know every website runs based on an HTML file our web app is also the same and for that, we have to render our template aka HTML file.

Create the template folder inside the app that creates
the HTML file you want.

*Folder Structure of App *

add the code to the index.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <h1>Yay!!!! I'm from templates</h1>


</body>
</html>

Link the HTML file to the views.py All set run the server to see the output

from django.shortcuts import render,HttpResponse

def home(request):
return render(request,"index.html")

Start the development server and open that link in the browser
BOOM !!!!

we can see the output

Connect With Me: Linkedin

Mastering Django's File & Folder Magic: A Beginner's Guide

Oviyan S — Tue, 20 Aug 2024 16:53:36 +0000

Hello, Django Enthusiasts!

Welcome to another deep dive into Django's world. Today, we're cracking open the hood of a Django project to explore the files and folders that make it tick. Whether you're a seasoned developer or just getting started, understanding Django's project structure is key to mastering this powerful framework. Let's get started!

Let's Dive into our project!!!

After creating the project it creates the files which is necessary to run our Django app.

./venv
This folder is where all the files needed to run your virtual environment live. Think of it as your project's personal toolkit, ensuring everything runs smoothly.

Key Files You'll Work Within Your Django Project:

settings.py:
The heart of your Django app. It’s where all the configuration happens, making sure your app runs just the way you want it to.

urls.py:
This is the map of your app. It defines the routes, telling Django which pages to serve when someone visits a specific URL.

Inside Each App:

migrations directory:
This folder keeps track of all your database changes. Every time you tweak your models, this is where the history is stored.

admin.py:
Here’s where you connect your models to Django's admin interface. It’s your backstage pass to manage your app’s data easily.

models.py:
This is where you define your database structure. If your app needs to store data, you’ll be writing the blueprint for it here.

views.py:
The brain of your app. This file is where you’ll write the logic that powers your app, from handling user requests to rendering the right templates.

manage.py:
The unsung hero of your Django project. Without this file, you can’t run your app. It’s like the manager coordinating all the different parts of your project.

comment "Django" for the next part

connect with me Linkedin

Launch Your First Django App Like a Pro 🚀

Oviyan S — Sat, 17 Aug 2024 16:39:02 +0000

Have you ever created Web Applications?

Don't worry if not I will teach you how to create the web application using Django.

What is Django?

Python-based web framework Django allows you to create efficient web applications quickly. It is also called batteries included web framework Django because It provides built-in features for everything including Django Admin Interface, default database – SQLlite3, etc.

Lets Learn Practically!!

Before get into create the folder then open the folder in vscode or in your favourite browser.

Virtual Environment

A virtual environment is a tool that helps to keep dependencies required by different projects separate by creating isolated Python virtual environments for them. This is one of the most important tools that most Python developers use.

How to Create Virtual Environment
To create Virtual Environment Run following command in your terminal
python -m venv .venv

it will create the folder venv

Run the virtual Environment
To run the virtual environment run following command
.venv\Scripts\activate

Install the Necessary Libraries

we need the Django library to create the Django App so install the Django libraries by run the following command
pip install django

Create the Project
Django needs a project within the project our necessary codes are there
and it need Apps
To create project run following command
django-admin startproject example .

Here, the example is the name of the project and represents creating a project within the folder if we didn't mention it. it creates a subfolder with the same project name.

After Running the command it creates some of the files for our django project.

Create App
A project has many app for many features of the web applications For example if we web Application in our app has login for that we create separate app.

To Create App Run following command
django-admin startapp home

it create folder name Home within the folder it has few files which is the necessary file to run our App

Add our App Name in the Setting.py
Setting.py is main file required to run our webapp in that file contains configurations of our app.

now we add our app in the settings.py file.

Run Our WebApp
All set we can run our app using the development server django has the inbuilt developement server.

To start Developement server Run the Following command

python manage.py runserver

Yayy!!!!

Now we can see our app on http://127.0.0.1:8000/

If you got above output you successfully Run the Django App.

Linkedin-Connect with me

Comment "Django" for the next part