{"id":5907,"date":"2024-04-20T10:48:52","date_gmt":"2024-04-20T14:48:52","guid":{"rendered":"https:\/\/www.cloudsurph.com\/?p=5907"},"modified":"2024-04-20T10:49:21","modified_gmt":"2024-04-20T14:49:21","slug":"django-views-and-templates-rendering-dynamic-web-pages","status":"publish","type":"post","link":"https:\/\/www.cloudsurph.com\/django-views-and-templates-rendering-dynamic-web-pages\/","title":{"rendered":"Django Views and Templates: Rendering Dynamic Web Pages"},"content":{"rendered":"

Rendering Dynamic Web Pages Views and Templates for Django.<\/h3>\n

Views<\/strong>: Firstly, Views are Python functions or classes that handle requests and return responses. In a Django view, you typically fetch data from a database or perform other necessary operations and then pass that data to a template for rendering. Views are defined in the views.py<\/code> file of your Django app.<\/p>\n

Example of a simple view function:<\/h4>\n
\r\nfrom django.shortcuts import render\r\nfrom .models import Product\r\n\r\ndef product_list(request):\r\n \u00a0 products = Product.objects.all()\r\n\u00a0 \u00a0 return render(request, 'products\/product_list.html', {'products': products})\r\n<\/pre>\n
In this example, product_list<\/code> is a view function that queries all products from the database and passes them to a template called product_list.html<\/code>.<\/p>\n
Templates<\/strong>: Templates are HTML files that contain placeholders and template tags. These placeholders are replaced with actual data when the template is rendered. Django uses its own templating language which allows for dynamic rendering of content.<\/p>\n
Example of a template (product_list.html<\/code>):<\/h4>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title>Product List<\/title>\r\n<\/head>\r\n<body>\r\n<h1>Product List<\/h1>\r\n<ul>\r\n{% for product in products %}\r\n<li>{{ product.name }} - ${{ product.price }}<\/li>\r\n{% endfor %}\r\n<\/ul>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Now, in this template, {% for product in products %}<\/code> iterates over the list of products passed from the view, and {{ product.name }}<\/code> and {{ product.price }}<\/code> display the name and price of each product respectively.<\/p>\n
Rendering<\/strong>: So, The render()<\/code> function is used in views to render a template with context data. It takes the request object, template name, and a dictionary of data to be passed to the template.<\/h4>\n
In the product_list<\/code> view function above, render()<\/code> is used to render the product_list.html<\/code> template with the list of products ({'products': products}<\/code>) as context data.<\/p>\n
URLs<\/strong>: To access a view, you need to map a URL to that view. This is done using URL patterns defined in the urls.py<\/code> file of your Django app.<\/h4>\n
Example of a URL pattern:<\/p>\n
\r\nfrom django.urls import path\r\nfrom . import views\r\n\r\nurlpatterns = [\r\n\u00a0 \u00a0 path('products\/', views.product_list, name='product_list'),\r\n]\r\n<\/pre>\n
In this example, the URL pattern \/products\/<\/code> is mapped to the product_list<\/code> view.<\/p>\n
When a user visits the \/products\/<\/code> URL, Django will invoke the product_list<\/code> view, which will fetch the list of products from the database and pass them to the product_list.html<\/code> template for rendering. Finally, the rendered HTML will be sent back to the user’s browser.<\/p>\n
Recent Posts<\/h4>\n