Render a HTML Template as Response – Django Views

A view function, or view for short, is simply a Python function that takes a Web request and returns a Web response. This article revolves around how to render an HTML page from Django using views. Django has always been known for its app structure and ability to manage applications easily. Let’s dive in to see how to render a template file through a Django view.

Django Render a HTML Template as Response Explanation

Illustration of How to render a HTML Template in a view using an Example. Consider a project named geeksforgeeks having an app named geeks.

Refer to the following articles to check how to create a project and an app in Django.

After you have a project and an app, open views.py and let’s start creating a view called geeks_view which is used print “Hello world” through a template file. A django view is a python function which accept an argument called request and returns an response.
Enter following code into views.py of app

filter_none

edit
close

play_arrow

link
brightness_4
code

from django.shortcuts import render
  
# Create your views here.
def geeks_view(request):
      
    # render function takes argument  - request
    # and return HTML as response
    return render(request, "home.html")

chevron_right


but this code won’t work until into define a proper mapping of URL. Mapping means you need to tell Django what a user enters in the browser to render your particular view. For example www.geeksforgeeks.org tells django to execute its home page view. So let’s modify urls.py to start our view.
Include your app’s urls into main urls by adding following code to geeksforgeeks > urls.py



filter_none

edit
close

play_arrow

link
brightness_4
code

"""geeksforgeeks URL Configuration
  
The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com / en / 2.2 / topics / http / urls / Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name ='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name ='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path, include
  
urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include("geeks.urls")),
]

chevron_right


Now lets create a path to our view from geeks > urls.py

filter_none

edit
close

play_arrow

link
brightness_4
code

from django.contrib import admin
from django.urls import path
  
# importing views from views..py
from .views import geeks_view
  
urlpatterns = [
    path('', geeks_view ),
]

chevron_right


Done. Now go to check if our template gets rendered or not. visit here – http://localhost:8000/

django-render-template-in-view
It is giving an error that you don’t have a template home.html. So let’s create our template now, in geeks folder create a folder called templates and create a file home.html into it. Now let’s check again – http://localhost:8000/.

django-views-render-
This way you can render any template file using the same procedure –

1. Create a view in views.py
2. Create a template file which is to be rendered and link it to the view.
3. Create a URL to map to that view.

We used this error because during your process of learning on how to create a project using django? you may encounter a lot of errors, there you dont need to hyper, just take a long breath and simply google the error you will have solution to everything.




My Personal Notes arrow_drop_up

Software Developer at GeeksForGeeks

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.


Article Tags :

1


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.