0% found this document useful (0 votes)
3 views

Show Time Django Simple Coding Notes

Django Simple coding notes

Uploaded by

Megha basvaraju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views

Show Time Django Simple Coding Notes

Django Simple coding notes

Uploaded by

Megha basvaraju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

1.

Current Time Display

Description: Create a web page that displays the current date and time.

Key Concepts:

• URL routing
• Views
• Templates
• Python’s datetime module
Features:

• Display formatted current date and time.


• Optionally, update the time dynamically using JavaScript for real-time updates.

1. views.py (in timeapp):

This le will de ne the view to get the current time.

from django.http import HttpResponse

from django.shortcuts import render

import datetime

def current_time(request):

now = datetime.datetime.now() # Get the current date and time

return render(request, 'timeapp/current_time.html', {'current_time': now})


fi
fi
2. urls.py (in timeapp):

De ne the URL pattern for the time display page.

from django.urls import path

from . import views

urlpatterns = [

path('time/', views.current_time, name='current_time'),

3. urls.py (in project folder):

Include the app’s URLs in the project’s main URL con guration.

from django.contrib import admin


from django.urls import path, include

urlpatterns = [
path('admin/', admin.site.urls),
path('', include('timeapp.urls')), # Include timeapp
URLs
]

4. current_time.html (in templates/timeapp/):

Create the HTML template that displays the current time. Optionally, use JavaScript to update the
time dynamically.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Current Time</title>

<!-- Bootstrap CDN -->


fi
fi
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/
Jr59b6EGGoI1fFkwKwP9k9a2 " crossorigin="anonymous">

</head>

<body>

<div class="container text-center mt-5">

<h1 class="display-4">Current Date and Time</h1>

<p class="lead">{{ current_time }}</p>

</div>

</body>

</html>

5. Run the Server:

Once everything is set up, you can run the Django server:

python manage.py runserver

Visit http://127.0.0.1:8000/time/ in your browser to see the current date and time
displayed, styled with Bootstrap.
fl

You might also like