Django (Day 7) : Linking HTML & CSS Files to Django

-

 


Go to templates Folder

Create New HTML file BaseTemplate.html


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title> STUDENT SYSTEM</title>

    <link rel="stylesheet" href="{% static 'test_app/style.css'%}">

</head>

<body>

<h1>Header</h1>

<!-- Add Your Images-->

<!-- <br> For Break Line -->

{% block content %}

{% endblock %}

<h2>Footer</h2>

</body>

</html>


Update templates/index.html


{% extends "BaseTemplate.html" %}

{% block content %}

<body>

{% for student in students %}

<a href="{% url 'student' student.id %}">{{student.name}}</a><br>

{% endfor %}


<form action="{% url 'createStudent' %}" method="POST">

    {% csrf_token %}

    {{form.as_p}}

    <input type="submit" value="Submit">

</form>

</body>

{% endblock %}


Update templates/Student.html


{% extends "BaseTemplate.html" %}

{% block content %}

<body>

{{student.name}}<br>

{{student.age}}<br>

{{student.branch}}<br>

{{student.marks}}<br>

{{student.college}}<br>

{% if students.marks >= 90 %}

<h1>PASS</h1>

{% else %}

<h1>FAIL</h1>

{% endif %}

</body>

{% endblock %}


Go to test_app folder 

Create new Directory static

In static Create new Directory test_app 

In test_app create new css file with name as style.css


/*

   *{

    background-color: black;

    color: white;

}

*/


My CSS is commented you can write whatever u wish

Go to django_project/settings.py 


In the end you'll see 

STATIC_URL = 'static/'


Update it to 

STATIC_URL = '/static/'


Run python manage.py makemigrations

Run python manage.py migrate 

Run python manage.py runserver


--- The End ---


Note: For any further doubts Contact Hemanth Sir.


Comments

Post a Comment

Popular posts from this blog

Django (Day 1)

-
Image
Open PyCharm  Go to left side top corner 4 dashes Select New Project  Open Terminal  Check Python Version: python --version (3.14 Must) Install Django: pip install Django Check Django version: django-admin --version (or) python -m Django --version Go to GitHub  Create a new repository Come to PyCharm In the Top Corner hover on the folder name  Select  Clone Repository and select the new created repository Now create a New Django Project: django-admin startproject django_project . If you see manage.py file created you are successful Create a New App in the Project: python manage.py startapp test_app (Ensure you are in the main folder) # For Getting In: Cd Folder Name # FOr Exiting: Cd . Now Run Server: python manage.py runserver If You see a Rocket It is Succuessfull  Else: COntact Hemanth Sir  -- The End --
Read more

Django (Day 2)

-
Image
Now Run Server: python manage.py runserver If You see a Rocket It is Succuessfull  Now press Ctrl+Click and Stop  python manage.py makemigrations No changes detected python manage.py migrate Beside all u have to see Ok  python manage.py createsuperuser Username (leave blank to use 'surya'): Surya1714   Email address: Suryaanish1149198@gmail.com Password:  Password (again):  Superuser created successfully. in the link type 8000/admin & Enter Type Username & Password and U have see Groups & Admin  Close the Server Update Files Django_project/urls.py from django.contrib import admin from django.urls import path, include urlpatterns = [     path('admin/', admin.site.urls),     path('', include('test_app.urls')), ] Update test_app/urls.py from django.urls import path from test_app import views urlpatterns = [     path('home', views.home, name='home'), ] Update views.py from django.http import HttpResponse from ...
Read more

Django (Day 3)

-
Image
  Update test_app/urls.py from django.urls import path from test_app import views urlpatterns = [     path('home', views.home, name='home'),     path('about', views.about, name='about'),     path('contact', views.contact, name='contact'), ] Update test_app/views.py from django.http import HttpResponse from django.shortcuts import render # Create your views here. def home(request):     return HttpResponse("Hi This is Home page") def about(request):     return HttpResponse("Hi This is About Page") def contact(request):     return HttpResponse("Hi This is Contact Page") Update django_project/urls.py from django.contrib import admin from django.urls import path, include from test_app import views urlpatterns = [     path('admin/', admin.site.urls),     path('api/', include('test_app.urls')), ] After Updating Everything Run Server: python manage.py runserver 8000/api/Home 8000/api/About 800...
Read more