The virtual environment is active now.<\/p>\n
To get to your project folder, change the directory. Here it is “TechVidvan2.”<\/p>\n
We will be working with the same application \u201cEmployee\u201d that we used in the previous tutorial of Models and Views.<\/p>\n This folder could be used to store all template-related HTML code. Under the root project folder, a template folder should be created.<\/p>\n The settings.py file is used to link these templates to the views they belong to. When the tagging procedure is complete, any HTML content included within the folder will fall under this template area.<\/p>\n Code for making changes in the settings.py file:<\/strong><\/p>\n The python path in the BACKEND key is used to implement the Django template’s API backend. Now we will work with the newly created Employee_details.html file. This is the file where the actual design of the web application happens. We can do much stuff in here, from changing the background colour to inserting some of the images.<\/p>\n Being this is our initial module, we will do some basic tasks here.<\/p>\n Code for the newly created Employee_details.html file:<\/strong><\/p>\n To load the template, call the Employee_Details() method and pass the .html file that we just created.<\/p>\n Set a URL to use in the browser to access the template.<\/p>\n Initially make changes to the urls.py file under the application (Employee).<\/p>\n Then make some changes to the urls.py file under the root project directory.<\/p>\n Run the following command and go to localhost:8000\/TechVidvan<\/strong> in your browser to see the template.<\/p>\n You will see the following output on the browser.<\/p>\n![\"Django](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/07\/Step1.png\")
<\/a><\/p>\nStep 2: Create an application.<\/h4>\n
Step 3: Make a template folder under Root Project.<\/h4>\n
<\/a><\/p>\nStep 4: Tag the template folder in the settings.py file<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n
\ndjango.template.backends.django.DjangoTemplates<\/strong> and django.template.backends.jinja2.Jinja2<\/strong> are two examples of Django built-in backends.<\/p>\n\n
Step 5: Put the HTML file in the templates directory<\/h4>\n
<!DOCTYPE html>\n<html>\n<head>\n <style>\n body{\n background-color:burlywood;\n }\n <\/style>\n <title>Employee_details<\/title>\n<\/head>\n<body>\n<h1>The Employees Here at TechVidvan<\/h1>\nEmployee name: {{ first_name }}\n<\/body>\n<\/html>\n<\/pre>\nStep 6: Making changes in the views.py file<\/h4>\n
from django.shortcuts import render\nfrom django.http import HttpResponse\n\n# Create your views here.\n \ndef Employee_Info(request):\n return HttpResponse('<h1>Welcome to TechVidvan Employee Portal<\/h1>')\n \ndef Employee_Details(request):\n return render (request,'Employee_details.html')\n<\/pre>\nStep 7: Modifying the urls.py file<\/h4>\n
from django.urls import path\nfrom Employee import views\n\nurlpatterns = [\n path('TechVidvan2\/', views.Employee_Info),\n path('TechVidvan\/', views.Employee_Details),\n] \n<\/pre>\nfrom django.contrib import admin\nfrom django.urls import path\nfrom Employee import views\n\nurlpatterns = [\n path('admin\/', admin.site.urls),\n path('TechVidvan2\/', views.Employee_Info),\n path('TechVidvan\/', views.Employee_Details),\n]<\/pre>\nStep 8: Start the server.<\/h4>\n
python manage.py runsever\n<\/pre>\n