- \n
- Develop a user-friendly interface for managing students\u2019 performance.<\/li>\n
- Implement functionality to add, view, and manage student performance.<\/li>\n
- Provide a comprehensive view of student performance in various courses.<\/li>\n
- Ensure data security and privacy.<\/li>\n<\/ul>\n
Project Setup for Django Student Performance Tracking System<\/h3>\n
Required Libraries<\/h4>\n
The project requires the following Python libraries:<\/p>\n
- \n
- Django<\/strong>: For a web framework and ORM.<\/li>\n
- SQLite<\/strong>: For database management.<\/li>\n
- Bootstrap<\/strong>: For responsive design and styling.<\/li>\n<\/ul>\n
Technology Stack<\/h4>\n
- \n
- Python<\/li>\n
- Django<\/li>\n
- SQLite (default database)<\/li>\n
- HTML\/CSS<\/li>\n
- JavaScript<\/li>\n
- Bootstrap<\/li>\n<\/ul>\n
Project Prerequisites<\/h4>\n
- \n
- Basic understanding of Python programming.<\/li>\n
- Familiarity with Django framework.<\/li>\n
- Knowledge of HTML\/CSS for template design.<\/li>\n<\/ul>\n
Download the Python Django Student Performance Tracking System Project<\/h3>\n
Please download the source code of the Django Student Performance Tracking System Project: Python Django Student Performance Tracking System Project Code.<\/strong><\/a><\/p>\n
Step-by-Step Code Implementation of Django Student Performance Tracking System<\/h3>\n
1. Project Initialization<\/h4>\n
- \n
- The first command initializes a new Django project named student_performance.<\/strong><\/li>\n
- The second command changes the directory to the project folder.<\/li>\n
- The third command initializes a new Django app named tracker in the same directory. It sets up the basic structure for the project.<\/li>\n<\/ul>\n
django-admin startproject student_performance\r\ncd student_performance\r\npython manage.py startapp tracker<\/pre>\n
2. Setting Up Models<\/h4>\n
- \n
- The Course<\/strong> model represents a course with name and code fields. The code field is unique for each course.<\/li>\n
- Student<\/b> model displays a student with a unique roll_number and name. It has a many-to-many<\/strong> relationship with Course, allowing students to enrol in multiple courses.<\/li>\n
- Performance<\/b> model tracks the performance of students in various courses. It links Students and Courses through foreign keys.<\/li>\n<\/ul>\n
from django.db import models\r\n\r\n\r\nclass Course(models.Model):\r\n name = models.CharField(max_length=100)\r\n code = models.CharField(max_length=10, unique=True)\r\n\r\n\r\n def __str__(self):\r\n return self.name\r\n\r\n\r\nclass Student(models.Model):\r\n roll_number = models.CharField(max_length=10, unique=True)\r\n name = models.CharField(max_length=10)\r\n courses = models.ManyToManyField(Course, blank=True)\r\n \r\n def __str__(self):\r\n return self.name\r\n\r\n\r\nclass Performance(models.Model):\r\n student = models.ForeignKey(Student, on_delete=models.CASCADE)\r\n course = models.ForeignKey(Course, on_delete=models.CASCADE)\r\n marks = models.FloatField()\r\n\r\n\r\n def __str__(self):\r\n return f'{self.student.name} - {self.course.name} - {self.marks}'\r\n<\/pre>\n3. Making Migrations<\/h4>\n
- \n
- makemigrations<\/strong>: Makes migrations based on the changes detected in the models. Migrations are how Django stores changes to the models.<\/li>\n
- migrate<\/strong>: This command applies the migrations to the database, creating the tables and columns.<\/li>\n<\/ul>\n
python3 manage.py makemigrations tracker\r\npython3 manage.py migrate\r\n<\/pre>\n
4. Defining Views<\/h4>\n
- \n
- Index View:<\/strong> It retrieves performance records along with related Student and Course objects.<\/li>\n
- Add Student View<\/strong>: It handles POST requests to create a new Student using a form, on successful form validation it redirects to the index view.<\/li>\n
- Add Performance View:<\/strong> It manages POST requests to add new Performance records. If the form is valid, it saves the performance data and redirects to the index view.<\/li>\n
- Add Course View:<\/strong> It takes requests to add new Course entries, with error handling for duplicate course codes using IntegrityError.<\/li>\n<\/ul>\n
from django.shortcuts import render, redirect, get_object_or_404\r\nfrom .models import Student, Performance\r\nfrom .forms import PerformanceForm,StudentForm, CourseForm\r\nfrom django.db import IntegrityError\r\n\r\n\r\ndef index(request):\r\n performances = Performance.objects.select_related('student', 'course').all()\r\n return render(request, 'tracker\/index.html', {'performances': performances})\r\n\r\n\r\ndef student_detail(request, student_id):\r\n student = get_object_or_404(Student, pk=student_id)\r\n performances = Performance.objects.filter(student=student)\r\n return render(request, 'tracker\/student_detail.html', {'student': student, 'performances': performances})\r\n\r\n\r\ndef add_student(request):\r\n if request.method == 'POST':\r\n form = StudentForm(request.POST)\r\n if form.is_valid():\r\n student = form.save()\r\n return redirect('index')\r\n else:\r\n form = StudentForm()\r\n return render(request, 'tracker\/add_student.html', {'form': form})\r\n\r\n\r\ndef add_performance(request):\r\n if request.method == 'POST':\r\n form = PerformanceForm(request.POST)\r\n if form.is_valid():\r\n form.save()\r\n return redirect('index')\r\n else:\r\n form = PerformanceForm()\r\n return render(request, 'tracker\/add_performance.html', {'form': form})\r\n\r\n\r\ndef add_course(request):\r\n if request.method == 'POST':\r\n form = CourseForm(request.POST)\r\n if form.is_valid():\r\n try:\r\n form.save()\r\n return redirect('index')\r\n except IntegrityError:\r\n form.add_error('code', 'Course with this code already exists.')\r\n else:\r\n form = CourseForm()\r\n return render(request, 'tracker\/add_course.html', {'form': form})\r\n<\/pre>\n5. Setting URLs<\/h4>\n
- \n
- The index<\/strong> path maps the root URL (”) to the index view.<\/li>\n
- The add_performance<\/strong> maps to ‘add_performance\/’ page. It handles form submissions to add new performance records.<\/li>\n
- The add_student<\/strong> maps ‘add_student\/’ page. It manages form submissions to create new student entries.<\/li>\n
- The add_course<\/strong> maps ‘add_course\/’ page. It creates new course records.<\/li>\n<\/ul>\n
from django.urls import path\r\nfrom . import views\r\n\r\n\r\nurlpatterns = [\r\n path('', views.index, name='index'),\r\n path('student\/<int:student_id>\/', views.student_detail, name='student_detail'),\r\n path('add_performance\/', views.add_performance, name='add_performance'),\r\n path('add_student\/', views.add_student, name='add_student'),\r\n path('add_course\/', views.add_course, name='add_course'),\r\n]\r\n<\/pre>\n6. Creating Templates<\/h4>\n
base.html:<\/strong><\/p>\n
- \n
- HTML Structure:<\/strong> The template begins with a standard HTML structure, including <! DOCTYPE html> and < html> tags.DOCTYPE html>. Then sets up meta tags for character encoding.<\/li>\n
- Navigation Bar:<\/strong> It features a responsive Bootstrap navbar with links to the index page and the “Add Courses and Students” page.<\/span><\/li>\n
- Content Block<\/strong>: This defines a <main> section where page-specific content will be inserted. The {% block content %}<\/strong> tag allows child templates.<\/li>\n
- Footer and Scripts<\/strong>: This includes a footer with a copyright notice and imports JavaScript libraries for Bootstrap functionality.<\/li>\n<\/ul>\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>{% block title %}Student Performance Tracking System{% endblock %}<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\r\n {% block extra_head %}{% endblock %}\r\n<\/head>\r\n<body>\r\n <nav class=\"navbar navbar-expand-lg navbar-dark bg-dark\">\r\n <a class=\"navbar-brand\" href=\"{% url 'index' %}\">DataFlair@Student Performance Tracker<\/a>\r\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n <span class=\"navbar-toggler-icon\"><\/span>\r\n <\/button>\r\n <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\r\n <ul class=\"navbar-nav mr-auto\">\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"{% url 'add_course' %}\">Add Course<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"{% url 'add_student' %}\">Add Student<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n <main>\r\n {% block content %}\r\n {% endblock %}\r\n <\/main>\r\n\r\n\r\n <footer class=\"text-center mt-5\">\r\n <p>© 2024@DataFlair Student Tracker. All rights reserved.<\/p>\r\n <\/footer>\r\n\r\n\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.5.3\/dist\/umd\/popper.min.js\"><\/script>\r\n <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nindex.html:<\/strong><\/p>\n
- \n
- The content<\/strong> block extends the base template and defines the content block to include the specific page content.<\/li>\n
- The Table structure utilises Bootstrap classes to style a table, displaying student names, course names, and marks in a responsive table layout.<\/li>\n
- The data is dynamically iterated over the performance queryset to populate table rows.<\/li>\n<\/ul>\n
{% extends 'tracker\/base.html' %}\r\n{% block content %}\r\n<h2 class=\"mb-4 text-center\">Students Performances<\/h2>\r\n<div class=\"table-responsive\" style=\"width: 80%; max-width: 800px; margin: auto;\">\r\n <table class=\"table table-striped\">\r\n <thead>\r\n <tr>\r\n <th>Student Name<\/th>\r\n <th>Course<\/th>\r\n <th>Marks<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n {% for performance in performances %}\r\n <tr>\r\n <td>{{ performance.student.name }}<\/td>\r\n <td>{{ performance.course.name }}<\/td>\r\n <td>{{ performance.marks }}<\/td>\r\n <\/tr>\r\n {% endfor %}\r\n <\/tbody>\r\n <\/table>\r\n<\/div>\r\n<div class=\"d-flex justify-content-center mt-4\">\r\n <a href=\"{% url 'add_performance' %}\" class=\"btn btn-primary mx-2\">Add Performance<\/a>\r\n<\/div>\r\n{% endblock %}\r\n<\/pre>\nadd_student.html:<\/strong><\/p>\n
- \n
- The content<\/strong> block extends the base template and defines the content block to include the specific page content.<\/li>\n
- Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation.<\/li>\n
- Form Handling is\u00a0performed using\u00a0CSRF<\/strong>\u00a0token protection and renders the form fields using\u00a0{{ form. }}<\/strong>as_p }}<\/strong>, ensuring proper form submission handling.<\/li>\n<\/ul>\n
{% extends 'tracker\/base.html' %}\r\n{% block content %}\r\n\r\n\r\n<div class=\"d-flex justify-content-center mt-5\">\r\n <div class=\"card\" style=\"width: 50%; max-width: 600px;\">\r\n <div class=\"card-body\">\r\n <h2 class=\"card-title mb-4\">Add Student<\/h2>\r\n <form method=\"post\">\r\n {% csrf_token %}\r\n {{ form.as_p }}\r\n <button type=\"submit\" class=\"btn btn-success mt-2\">Add Student<\/button>\r\n <\/form>\r\n <\/div>\r\n <a href=\"{% url 'index' %}\" class=\"btn btn-secondary mt-4\">Back to Index<\/a>\r\n <\/div>\r\n<\/div>\r\n{% endblock %}\r\n<\/pre>\nadd_course.html:<\/strong><\/p>\n
- \n
- The content<\/strong> block extends the base template and defines the content block to include the specific page content.<\/li>\n
- Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation. Here width: 50%; max-width: 600px;<\/li>\n
- It adds courses by loading the add_course model and its view.<\/li>\n
- Also, a Back to Index<\/strong> button is provided with Bootstrap classes, linking to the index page.<\/li>\n<\/ul>\n
{% extends 'tracker\/base.html' %}\r\n\r\n\r\n{% block content %}\r\n<div class=\"d-flex justify-content-center mt-5\">\r\n <div class=\"card\" style=\"width: 50%; max-width: 600px;\">\r\n <div class=\"card-body\">\r\n <h2 class=\"card-title mb-4\">Add Course<\/h2>\r\n <form method=\"post\">\r\n {% csrf_token %}\r\n {{ form.as_p }}\r\n <button type=\"submit\" class=\"btn btn-success mt-2\">Add Course<\/button>\r\n <\/form>\r\n <\/div>\r\n <a href=\"{% url 'index' %}\" class=\"btn btn-secondary mt-4\">Back to Index<\/a>\r\n <\/div>\r\n<\/div>\r\n{% endblock %}\r\n<\/pre>\nadd_performance.html:<\/strong><\/p>\n
- \n
- The content<\/strong> block extends the base template and defines the content block to include the specific page content.<\/li>\n
- Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation. Here width: 50%; max-width: 600px;<\/li>\n
- It adds performance by loading the add_performance model and its view.<\/li>\n
- Additionally, a\u00a0“Back to Index”<\/strong> button is provided, utilising Bootstrap classes, which links\u00a0to the index page.<\/li>\n<\/ul>\n
{% extends 'tracker\/base.html' %}\r\n\r\n\r\n{% block content %}\r\n<div class=\"d-flex justify-content-center mt-5\">\r\n <div class=\"card\" style=\"width: 50%; max-width: 600px;\">\r\n <div class=\"card-body\">\r\n <h2 class=\"card-title mb-4\">Add Performance<\/h2>\r\n <form method=\"post\">\r\n {% csrf_token %}\r\n {{ form.as_p }}\r\n <button type=\"submit\" class=\"btn btn-success mt-2\">Add<\/button>\r\n <\/form>\r\n <\/div>\r\n <a href=\"{% url 'index' %}\" class=\"btn btn-secondary mt-4\">Back to Index<\/a> \r\n <\/div>\r\n<\/div>\r\n{% endblock %} \r\n<\/pre>\nDjango Student Performance Tracking System Output<\/h3>\n
1. Application Interface<\/strong><\/p>\n
![\"application](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/application-interface.webp\")
<\/a><\/p>\n2. Add Course Form<\/strong><\/p>\n
![\"add](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/add-course-page.webp\")
<\/a><\/p>\n3. Add Student Page<\/strong><\/p>\n
![\"add](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/add-student-page.webp\")
<\/a><\/p>\n4. Add Performance Page<\/strong><\/p>\n
![\"add](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/add-performance-page.webp\")
<\/a><\/p>\n5. Course Added<\/strong><\/p>\n
![\"course](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/course-added.webp\")
<\/a><\/p>\n6. Performance Added<\/strong><\/p>\n
![\"performance](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/performance-added-1.webp\")
<\/a><\/p>\n7. Administrative Page<\/strong><\/p>\n
![\"administrative](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/administrative-page.webp\")
<\/a><\/p>\n8. Student Management Page<\/strong><\/p>\n
![\"student](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/student-management-page.webp\")
<\/a><\/p>\n9. Performance Management Page
\n<\/strong><\/p>\n - Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation. Here width: 50%; max-width: 600px;<\/li>\n
- Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation. Here width: 50%; max-width: 600px;<\/li>\n
- Using Card<\/strong> layout a Bootstrap card of responsive width is created for form, providing a clean and centered presentation.<\/li>\n
- Navigation Bar:<\/strong> It features a responsive Bootstrap navbar with links to the index page and the “Add Courses and Students” page.<\/span><\/li>\n
- The add_performance<\/strong> maps to ‘add_performance\/’ page. It handles form submissions to add new performance records.<\/li>\n
- Add Student View<\/strong>: It handles POST requests to create a new Student using a form, on successful form validation it redirects to the index view.<\/li>\n
- migrate<\/strong>: This command applies the migrations to the database, creating the tables and columns.<\/li>\n<\/ul>\n
- Student<\/b> model displays a student with a unique roll_number and name. It has a many-to-many<\/strong> relationship with Course, allowing students to enrol in multiple courses.<\/li>\n
- The first command initializes a new Django project named student_performance.<\/strong><\/li>\n
- SQLite<\/strong>: For database management.<\/li>\n
- Django<\/strong>: For a web framework and ORM.<\/li>\n
![\"performance](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/performance-management-page.webp\")
<\/a><\/p>\n![\"course](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2025\/10\/course-management-page.webp\")
<\/a><\/p>\n