How to Install and configure Django to render HTML Template in 3 steps


Let me get you through steps to install and configure Django server to render a HTML template. As you already know Django is a popular High-level Python Web framework using which you can build heavy User Interface/ Web application/Rest API. In this article, I will explain relevant configuration which required for you to get your web application working on Django.

 

Introduction:

Django is a high-level Python Web framework which follows model-view-template (MVT) architectural pattern. The framework is developed by web programmers Adrian Holovaty and Simon Willison and It was named after guitarist Django Reinhardt. You can develop powerful User Interface with robust design with Django. Django is based on high-level programming language Python which encourage a lot of Python developers to explore in Web development. It is a free and open-source Web framework and it is ridiculously fast, Reassuringly secure and exceedingly scalable. Django has largely adopted by Developers and DevOps to built various internal complex automation tools.

Explore the official documentation from here >>

 

Some stuffs from my personal experience. I have used Django in a lot of situations at my workplace. It was a special experience that I integrated Django with ReactJS and built beautiful and powerful user interface. Once you get used to Django, you will never let go off it.

 

Step1:  Install Django:

Let’s install and configure django for our WebApp. Install Django 1.9.3 as a python module using PIP package manager.

Note: We are using Python 2.7 here.

 

If you are getting any error saying ‘python is not installed’ or ‘pip is not installed’. Just try to run commands given below and try to fix the issue.

If you are using CentOS and RHEL, please try with YUM instead of APT.

 

Step2: Create a Project and start the Django server:

Once you have django installed, let’s create an project named ‘easyaslinux‘ with it.

You will see a directory ‘easyaslinux‘ is created. So change the directory to ‘easyaslinux‘ and you should see again a directory ‘easyaslinux‘ and manage.py script.

 

At this point, you can start/run the django server by running command given below.

 

This means, the django server is running is listening on port 8000 for incoming request. Let’s check it in the brower and you should get below page.

 

 

Video tutorial:


 

Step3: Configure Django to render Templates:

Create Templates:

It worked! You got Django working. But we are not done yet. Instead of “It worked” page, we need to show something our own in the browser. For that, we need to create templates which will get rendered to show what we want. Let’s create a directory called templates  and add two templates there.

 

In the ‘template’ directory create base.html with following content.

 

and sample_app.html with following content

 

Basically, base.html is acting as a foundation for sample_app.html. Suppose you want something to be shown on every page (eg: head tag,website menus, frames, sidebars), you can add it in base.html file.

I will tell you how this template stuff works. You can see that sample_app.html extends content of base.html by mentioning {% extends “base.html” %}{% block main %}{% endblock %} tag in base.html says  that  content of this part is variable and we can easily assign content to it by adding the same inbetween {% block main %} and {% endblock %} in sample_app.html.

 

Configure Django to render Templates:

We have our templates ready for our website. Now we should tell Django the directory location from where you load the templates. We can do this by modifying variable ‘TEMPLATES’ in settings.py. Just for your information, settings.py is the heart of django configuration. This is the place where you make Django level configuration changes.

 

We should also tell Django that for which URL this template should be rendered. And that we can do by adding two lines in url.py file.

 

Just for your information, Files and directories structure of the project should look like this.

 

Now go to your brower and you should see something like this. Don’t forget to start/run your django server.

Congrats! You just configured Django to render a HTML template. You can start tweaking the template to give more style and content to your website. I have commited all files and directories to bring up this Django server to my Git repo. Please find it here >> https://gitlab.com/nijilraj/install-and-configure-django-to-render-a-html-template.git

 

I will come back with a tutorial on “How to run Python, Perl, Ruby, Bash – any script with Django Views”. Please Subscribe the blog so that you don’t miss anything interesting.

 

Subscribe here

 

An automation enthusiast who presently working as Site Reliability Engineer with 4+ year experience in the field.
Posts created 7

2 thoughts on “How to Install and configure Django to render HTML Template in 3 steps

  1. Hi! Do you knoᴡ if they make any plugins to safeguarԁ
    against haсkers? І’m kinda paranoid about ⅼosing everуthing I’ve
    workеd hard on. Any suggestions?

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top