College Management System Project in Django with Source Code

By

adones evangelista

-

February 11, 2021

158

College Management System Project in Django with Source Code

The College Management System Project in Django is created using Python Django Framework. The system is built fully in Django Framework in back-end and HTML, CSS and JavaScript in front-end. Basically, the project includes tutorials and guides for creating a code.

This Python Django College Management System can manage the attendance, manage classes, manage a department, manage courses, manage students, manage teachers, manage users, and can manage marks. The system includes crud operations and it is stored in the database file.

This College Management System Project in Django also includes a Download Source Code for free, just find the downloadable source code below and click download now.

Watch the video here to see the full running College Management System Project In Django With Source code

To start creating a College Management System Project in Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

Features of College Management System Project in Django

Dashboard – For the dashboard, you will be able to all the basic access in the whole system. Such as assign classes, teachers and course, attendance, classes, courses, departments, marks, students, teachers, and users.
Sign Up– For the signup, you will fill the forms. Such as your username, password and email address.
Login – For the login, you must log in first before you can add your orders.
Manage teacher– The admin has access to the teacher. He can add, update and delete the teacher.
Manage course–The admin has access to the course. He can add, update and delete the course.
Departments– The admin has access to the departments. He can add, update and delete the departments.
Manage Student– the student can register and update their profile. In short, this system has a student management system feature.
Manage users–The admin has access to the users. He can add, update and delete the users and also the admin can change the password.

Steps on how to create a College Management System Project in Django With Source Code

College Management System Project in Django With Source Code

Step 1: Open file.
First, open “pycharm professional” after that click “file” and click “new project“.
Step 2: Choose Django.
Second, after click “new project“, choose “Django” and click.
Step 3: Select file location.
Third, select a file location wherever you want.
Step 4: Create application name.
Fourth, name your application.
Step 5: Click create.
Fifth, finish creating project by clicking “create” button.
Step 6: Start Coding.
In this final step, we will now start adding functionality to our Django Framework by adding some functional codes.

This are the module to add functionality for College Management System Project in Django

Create template for the student dashboard in College Management System Project in Django.

In this section, we will learn on how create a templates for the dashboard. To start with, add the following code in your homepage.html under the folder of template/info files.

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

  &lt;head&gt;

    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="author" content=""&gt;

    &lt;title&gt;homepage&lt;/title&gt;
      {% load static %}

    &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="{% static '/info/homepage/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"&gt;


    &lt;!-- Custom styles for this template --&gt;
      &lt;link href="{% static '/info/homepage/css/heroic-features.css' %}" rel="stylesheet"&gt;
          &lt;link href="{% static '/info/bootstrap/vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css"&gt;



  &lt;/head&gt;

  &lt;body&gt;

    &lt;!-- Navigation --&gt;
    &lt;nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;a class="navbar-brand" href="{% url 'index' %}"&gt;College Management System&lt;/a&gt;
        &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;div class="collapse navbar-collapse" id="navbarResponsive"&gt;
          &lt;ul class="navbar-nav ml-auto"&gt;
            &lt;li class="nav-item"&gt;
                &lt;a class="nav-link text-capitalize"&gt;{{ request.user.student.name }}&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
                &lt;a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal"&gt;Logout&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;

    &lt;!-- Page Content --&gt;
    &lt;div class="container"&gt;

      &lt;!-- Jumbotron Header --&gt;
      &lt;header class="jumbotron my-4" style="background-color: blue; color:white;"&gt;
        &lt;h1 class="display-3 text-capitalize" &gt;Welcome {{ request.user.student.name }}&lt;/h1&gt;
{#        &lt;p class="lead"&gt;&lt;/p&gt;#}
{#        &lt;a href="#" class="btn btn-primary btn-lg"&gt;Call to action!&lt;/a&gt;#}
      &lt;/header&gt;

      &lt;!-- Page Features --&gt;
      &lt;div class="row text-center"&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'attendance' request.user.student.USN %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/attendance3.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;Attendance&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the attendance status for each of your courses. The attendance of each course is
                  also displayed as list of classes that were conducted.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'attendance' request.user.student.USN %}"&gt; View Attendance&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'marks_list' request.user.student.USN %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/marks1.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;Marks&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the marks obtained for each of your courses. These include the marks of 3
                  internal assessment, 2 events and the Semester End Exam  &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'marks_list' request.user.student.USN %}"&gt;View Marks&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'timetable' request.user.student.class_id_id %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/timetable.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;TimeTable&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the timetable in a tabular form. The timetable displays all the courses of the
                  student and the time and day at which they are conducted.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'timetable' request.user.student.class_id_id %}"&gt;View TimeTable&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;


      &lt;/div&gt;
      &lt;!-- /.row --&gt;

    &lt;/div&gt;
    &lt;!-- /.container --&gt;
    &lt;!-- Logout Modal--&gt;
    &lt;div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog" role="document"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Ready to Leave?&lt;/h5&gt;
            &lt;button class="close" type="button" data-dismiss="modal" aria-label="Close"&gt;
              &lt;span aria-hidden="true"&gt;×&lt;/span&gt;
            &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;Select "Logout" below if you are ready to end your current session.&lt;/div&gt;
          &lt;div class="modal-footer"&gt;
            &lt;button class="btn btn-secondary" type="button" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
            &lt;a class="btn btn-primary" href="/accounts/logout"&gt;Logout&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Bootstrap core JavaScript --&gt;


      &lt;script src="{% static '/info/homepage/vendor/jquery/jquery.min.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static '/info/homepage/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"&gt;&lt;/script&gt;

  &lt;/body&gt;

&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<title>homepage</title>

{% load static %}

<link href="{% static '/info/homepage/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">

<link href="{% static '/info/homepage/css/heroic-features.css' %}" rel="stylesheet">

<link href="{% static '/info/bootstrap/vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css">

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">

<div class="container">

<a class="navbar-brand" href="{% url 'index' %}">College Management System</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarResponsive">

<ul class="navbar-nav ml-auto">

<li class="nav-item">

<a class="nav-link text-capitalize">{{ request.user.student.name }}</a>

</li>

<li class="nav-item">

<a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>

</li>

</ul>

</div>

</div>

</nav>

<div class="container">

<header class="jumbotron my-4" style="background-color: blue; color:white;">

<h1 class="display-3 text-capitalize" >Welcome {{ request.user.student.name }}</h1>

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

{# <a href="#" class="btn btn-primary btn-lg">Call to action!</a>#}

</header>

<div class="row text-center">

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'attendance' request.user.student.USN %}">

<img class="card-img-top" src="{% static 'info/images/attendance3.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">Attendance</h4>

<p class="card-text">View the attendance status for each of your courses. The attendance of each course is

also displayed as list of classes that were conducted.</p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'attendance' request.user.student.USN %}"> View Attendance</a>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'marks_list' request.user.student.USN %}">

<img class="card-img-top" src="{% static 'info/images/marks1.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">Marks</h4>

<p class="card-text">View the marks obtained for each of your courses. These include the marks of 3

internal assessment, 2 events and the Semester End Exam </p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'marks_list' request.user.student.USN %}">View Marks</a>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'timetable' request.user.student.class_id_id %}">

<img class="card-img-top" src="{% static 'info/images/timetable.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">TimeTable</h4>

<p class="card-text">View the timetable in a tabular form. The timetable displays all the courses of the

student and the time and day at which they are conducted.</p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'timetable' request.user.student.class_id_id %}">View TimeTable</a>

</div>

</div>

</div>

</div>

</div>

<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>

<button class="close" type="button" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">×</span>

</button>

</div>

<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>

<div class="modal-footer">

<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>

<a class="btn btn-primary" href="/accounts/logout">Logout</a>

</div>

</div>

</div>

</div>

<script src="{% static '/info/homepage/vendor/jquery/jquery.min.js' %}"></script>

<script src="{% static '/info/homepage/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>

</body>

</html>

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

  &lt;head&gt;

    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="author" content=""&gt;

    &lt;title&gt;homepage&lt;/title&gt;
      {% load static %}

    &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="{% static '/info/homepage/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"&gt;


    &lt;!-- Custom styles for this template --&gt;
      &lt;link href="{% static '/info/homepage/css/heroic-features.css' %}" rel="stylesheet"&gt;
          &lt;link href="{% static '/info/bootstrap/vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css"&gt;



  &lt;/head&gt;

  &lt;body&gt;

    &lt;!-- Navigation --&gt;
    &lt;nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;a class="navbar-brand" href="{% url 'index' %}"&gt;College Management System&lt;/a&gt;
        &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;div class="collapse navbar-collapse" id="navbarResponsive"&gt;
          &lt;ul class="navbar-nav ml-auto"&gt;
            &lt;li class="nav-item"&gt;
                &lt;a class="nav-link text-capitalize"&gt;{{ request.user.student.name }}&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="nav-item"&gt;
                &lt;a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal"&gt;Logout&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;

    &lt;!-- Page Content --&gt;
    &lt;div class="container"&gt;

      &lt;!-- Jumbotron Header --&gt;
      &lt;header class="jumbotron my-4" style="background-color: blue; color:white;"&gt;
        &lt;h1 class="display-3 text-capitalize" &gt;Welcome {{ request.user.student.name }}&lt;/h1&gt;
{#        &lt;p class="lead"&gt;&lt;/p&gt;#}
{#        &lt;a href="#" class="btn btn-primary btn-lg"&gt;Call to action!&lt;/a&gt;#}
      &lt;/header&gt;

      &lt;!-- Page Features --&gt;
      &lt;div class="row text-center"&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'attendance' request.user.student.USN %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/attendance3.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;Attendance&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the attendance status for each of your courses. The attendance of each course is
                  also displayed as list of classes that were conducted.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'attendance' request.user.student.USN %}"&gt; View Attendance&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'marks_list' request.user.student.USN %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/marks1.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;Marks&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the marks obtained for each of your courses. These include the marks of 3
                  internal assessment, 2 events and the Semester End Exam  &lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'marks_list' request.user.student.USN %}"&gt;View Marks&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="col-lg-3 col-md-6 mb-4"&gt;
          &lt;div class="card"&gt;
              &lt;a href="{% url 'timetable' request.user.student.class_id_id %}"&gt;
                &lt;img class="card-img-top" src="{% static 'info/images/timetable.jpg' %}" alt=""&gt;
              &lt;/a&gt;
              &lt;div class="card-body"&gt;
              &lt;h4 class="card-title"&gt;TimeTable&lt;/h4&gt;
              &lt;p class="card-text"&gt;View the timetable in a tabular form. The timetable displays all the courses of the
                  student and the time and day at which they are conducted.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-footer"&gt;
                &lt;a class="btn btn-success" role="button" href="{% url 'timetable' request.user.student.class_id_id %}"&gt;View TimeTable&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;


      &lt;/div&gt;
      &lt;!-- /.row --&gt;

    &lt;/div&gt;
    &lt;!-- /.container --&gt;
    &lt;!-- Logout Modal--&gt;
    &lt;div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog" role="document"&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;h5 class="modal-title" id="exampleModalLabel"&gt;Ready to Leave?&lt;/h5&gt;
            &lt;button class="close" type="button" data-dismiss="modal" aria-label="Close"&gt;
              &lt;span aria-hidden="true"&gt;×&lt;/span&gt;
            &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;Select "Logout" below if you are ready to end your current session.&lt;/div&gt;
          &lt;div class="modal-footer"&gt;
            &lt;button class="btn btn-secondary" type="button" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
            &lt;a class="btn btn-primary" href="/accounts/logout"&gt;Logout&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Bootstrap core JavaScript --&gt;


      &lt;script src="{% static '/info/homepage/vendor/jquery/jquery.min.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static '/info/homepage/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"&gt;&lt;/script&gt;

  &lt;/body&gt;

&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<title>homepage</title>

{% load static %}

<link href="{% static '/info/homepage/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">

<link href="{% static '/info/homepage/css/heroic-features.css' %}" rel="stylesheet">

<link href="{% static '/info/bootstrap/vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css">

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">

<div class="container">

<a class="navbar-brand" href="{% url 'index' %}">College Management System</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarResponsive">

<ul class="navbar-nav ml-auto">

<li class="nav-item">

<a class="nav-link text-capitalize">{{ request.user.student.name }}</a>

</li>

<li class="nav-item">

<a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>

</li>

</ul>

</div>

</div>

</nav>

<div class="container">

<header class="jumbotron my-4" style="background-color: blue; color:white;">

<h1 class="display-3 text-capitalize" >Welcome {{ request.user.student.name }}</h1>

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

{# <a href="#" class="btn btn-primary btn-lg">Call to action!</a>#}

</header>

<div class="row text-center">

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'attendance' request.user.student.USN %}">

<img class="card-img-top" src="{% static 'info/images/attendance3.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">Attendance</h4>

<p class="card-text">View the attendance status for each of your courses. The attendance of each course is

also displayed as list of classes that were conducted.</p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'attendance' request.user.student.USN %}"> View Attendance</a>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'marks_list' request.user.student.USN %}">

<img class="card-img-top" src="{% static 'info/images/marks1.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">Marks</h4>

<p class="card-text">View the marks obtained for each of your courses. These include the marks of 3

internal assessment, 2 events and the Semester End Exam </p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'marks_list' request.user.student.USN %}">View Marks</a>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 mb-4">

<div class="card">

<a href="{% url 'timetable' request.user.student.class_id_id %}">

<img class="card-img-top" src="{% static 'info/images/timetable.jpg' %}" alt="">

</a>

<div class="card-body">

<h4 class="card-title">TimeTable</h4>

<p class="card-text">View the timetable in a tabular form. The timetable displays all the courses of the

student and the time and day at which they are conducted.</p>

</div>

<div class="card-footer">

<a class="btn btn-success" role="button" href="{% url 'timetable' request.user.student.class_id_id %}">View TimeTable</a>

</div>

</div>

</div>

</div>

</div>

<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>

<button class="close" type="button" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">×</span>

</button>

</div>

<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>

<div class="modal-footer">

<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>

<a class="btn btn-primary" href="/accounts/logout">Logout</a>

</div>

</div>

</div>

</div>

<script src="{% static '/info/homepage/vendor/jquery/jquery.min.js' %}"></script>

<script src="{% static '/info/homepage/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>

</body>

</html>

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the student attendance in College Management System Project in Django.

In this section, we will learn how to create a template for student attendance. To start with, add the following code in your attendance.html under the folder of template/info files.

{% extends 'info/base.html' %}
    {% load static %}

    {% block content %}
                  &lt;div class="card mb-3"&gt;
            &lt;div class="card-header"&gt;
              &lt;i class="fas fa-table"&gt;&lt;/i&gt;
            &lt;b&gt;Attendance&lt;/b&gt;&lt;/div&gt;
            &lt;div class="card-body"&gt;
              &lt;div class="table-responsive"&gt;
                &lt;table class="table table-bordered text-center" id="dataTable" width="100%" cellspacing="0" &gt;
                  &lt;thead&gt;
                    &lt;tr style="background-color: blue;color:white;"&gt;
                        &lt;th&gt;Course ID&lt;/th&gt;
                        &lt;th&gt;Course name&lt;/th&gt;
                        &lt;th&gt;Attended classes&lt;/th&gt;
                        &lt;th&gt;Total classes&lt;/th&gt;
                        &lt;th&gt;Attendance %&lt;/th&gt;
                        &lt;th&gt;Classes to attend&lt;/th&gt;
                    &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                    {% for a in att_list %}
                    &lt;tr&gt;
                        &lt;td style="background-color: green;color:white;"&gt;{{ a.course_id }}&lt;/td&gt;
                        &lt;td&gt;&lt;a href="{% url 'attendance_detail' a.student.USN a.course.id %}"&gt;{{a.course.name}}&lt;/a&gt;&lt;/td&gt;
                        &lt;td&gt;{{ a.att_class }}&lt;/td&gt;
                        &lt;td&gt;{{ a.total_class }}&lt;/td&gt;
                        {% if a.attendance &lt; 75 %}
                            &lt;td class="p-3 mb-2 bg-dark text-white"&gt;{{ a.attendance }}&lt;/td&gt;
                        {% else %}
                            &lt;td class="p-3 mb-2 bg-primary text-white"&gt;{{ a.attendance }}&lt;/td&gt;
                        {% endif %}
                        &lt;td&gt;{{ a.classes_to_attend }}&lt;/td&gt;
                    &lt;/tr&gt;
                    {% empty %}
                            &lt;p&gt;student has no courses&lt;/p&gt;
                    {% endfor %}

                  &lt;/tbody&gt;
                &lt;/table&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;


    {% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

{% extends 'info/base.html' %}

{% load static %}

{% block content %}

<div class="card mb-3">

<div class="card-header">

<i class="fas fa-table"></i>

<b>Attendance</b></div>

<div class="card-body">

<div class="table-responsive">

<table class="table table-bordered text-center" id="dataTable" width="100%" cellspacing="0" >

<thead>

<tr style="background-color: blue;color:white;">

<th>Course ID</th>

<th>Course name</th>

<th>Attended classes</th>

<th>Total classes</th>

<th>Attendance %</th>

<th>Classes to attend</th>

</tr>

</thead>

<tbody>

{% for a in att_list %}

<tr>

<td style="background-color: green;color:white;">{{ a.course_id }}</td>

<td><a href="{% url 'attendance_detail' a.student.USN a.course.id %}">{{a.course.name}}</a></td>

<td>{{ a.att_class }}</td>

<td>{{ a.total_class }}</td>

{% if a.attendance < 75 %}

<td class="p-3 mb-2 bg-dark text-white">{{ a.attendance }}</td>

{% else %}

<td class="p-3 mb-2 bg-primary text-white">{{ a.attendance }}</td>

{% endif %}

<td>{{ a.classes_to_attend }}</td>

</tr>

{% empty %}

<p>student has no courses</p>

{% endfor %}

</tbody>

</table>

</div>

</div>

</div>

{% endblock %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the student marks in College Management System Project in Django.

In this section, we will learn how to create a template for the student marks. To start with, add the following code in your marks_list.html under the folder of template/info files.

{% extends 'info/base.html' %}
    {% load static %}

    {% block content %}
                  &lt;div class="card mb-3"&gt;
            &lt;div class="card-header"&gt;
              &lt;i class="fas fa-table"&gt;&lt;/i&gt;
            &lt;b&gt;Marks&lt;/b&gt;&lt;/div&gt;
            &lt;div class="card-body"&gt;
              &lt;div class="table-responsive"&gt;
                &lt;table class="table table-bordered" id="dataTable" width="100%" cellspacing="0"&gt;
                  &lt;thead&gt;
                    &lt;tr style="background-color: blue; color:white;"&gt;
                        &lt;th&gt;Course ID&lt;/th&gt;
                        &lt;th&gt;Course name&lt;/th&gt;
                        &lt;th&gt;Prelim Exam&lt;/th&gt;
                        &lt;th&gt;MidTerm Exam&lt;/th&gt;
                        &lt;th&gt;Final Exam&lt;/th&gt;
                        &lt;th&gt;Short Quiz&lt;/th&gt;
                        &lt;th&gt;Long Quiz&lt;/th&gt;
                        &lt;th&gt;Weekly Quiz&lt;/th&gt;
                    &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                    {% for sc in sc_list %}
                    &lt;tr&gt;
                        &lt;td style="background-color: green; color:white;"&gt;{{ sc.course_id }}&lt;/td&gt;
                        &lt;td&gt;{{sc.course.name}}&lt;/td&gt;
                        {% for m in sc.marks_set.all %}
                            &lt;td&gt;{{ m.marks1 }}&lt;/td&gt;
                        {% endfor %}
                    &lt;/tr&gt;
                    {% empty %}
                            &lt;p&gt;student has no courses&lt;/p&gt;
                    {% endfor %}

                  &lt;/tbody&gt;
                &lt;/table&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;


    {% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

{% extends 'info/base.html' %}

{% load static %}

{% block content %}

<div class="card mb-3">

<div class="card-header">

<i class="fas fa-table"></i>

<b>Marks</b></div>

<div class="card-body">

<div class="table-responsive">

<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">

<thead>

<tr style="background-color: blue; color:white;">

<th>Course ID</th>

<th>Course name</th>

<th>Prelim Exam</th>

<th>MidTerm Exam</th>

<th>Final Exam</th>

<th>Short Quiz</th>

<th>Long Quiz</th>

<th>Weekly Quiz</th>

</tr>

</thead>

<tbody>

{% for sc in sc_list %}

<tr>

<td style="background-color: green; color:white;">{{ sc.course_id }}</td>

<td>{{sc.course.name}}</td>

{% for m in sc.marks_set.all %}

<td>{{ m.marks1 }}</td>

{% endfor %}

</tr>

{% empty %}

<p>student has no courses</p>

{% endfor %}

</tbody>

</table>

</div>

</div>

</div>

{% endblock %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the student time table in College Management System Project in Django.

In this section, we will learn how to create a template for the student timetable. To start with, add the following code in your timetable.html under the folder of template/info files.

{% extends 'info/base.html' %}

    {% block content %}
    &lt;div class="container"&gt;
        &lt;div class="container"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-md-12"&gt;
                    &lt;h2 class="text-center"&gt;
                        Timetable
                    &lt;/h2&gt;
                &lt;/div&gt;
                &lt;div id="no-more-tables"&gt;
                    &lt;table class="col-sm-12 table table-bordered table-striped table-condensed cf"&gt;
                        &lt;thead class="cf"  style="background-color: blue; color:white;"&gt;
                            &lt;tr&gt;
                                &lt;th&gt;      &lt;/th&gt;
                                &lt;th&gt;7:30 - 8:30&lt;/th&gt;
                                &lt;th&gt;8:30 - 9:30&lt;/th&gt;
                                &lt;th&gt;9:30 - 10:30&lt;/th&gt;
                                &lt;th&gt;Break&lt;/th&gt;
                                &lt;th&gt;11:00 - 11:50&lt;/th&gt;
                                &lt;th&gt;11:50 - 12:40&lt;/th&gt;
                                &lt;th&gt;12:40 - 1:30&lt;/th&gt;
                                &lt;th&gt;Lunch&lt;/th&gt;
                                &lt;th&gt;2:30 - 3:30&lt;/th&gt;
                                &lt;th&gt;3:30 - 4:30&lt;/th&gt;
                                &lt;th&gt;4:30 - 5:30&lt;/th&gt;
                            &lt;/tr&gt;
                        &lt;/thead&gt;
                        &lt;tbody&gt;
                            {% for i in matrix %}
                            &lt;tr&gt;
                                {% for j in i %}
                                    {% if forloop.counter == 1 %}
                                    &lt;td style="background-color: green; color:white;"&gt;&lt;b&gt;{{ j }}&lt;/b&gt;&lt;/td&gt;
                                    {% else %}
                                    &lt;td&gt;{{ j }}&lt;/td&gt;
                                    {% endif %}
                                {% endfor %}
                            &lt;/tr&gt;
                            {% endfor %}
                        &lt;/tbody&gt;
                    &lt;/table&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;


    &lt;/div&gt;

    {% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

{% extends 'info/base.html' %}

{% block content %}

<div class="container">

<div class="container">

<div class="row">

<div class="col-md-12">

<h2 class="text-center">

Timetable

</h2>

</div>

<div id="no-more-tables">

<table class="col-sm-12 table table-bordered table-striped table-condensed cf">

<thead class="cf" style="background-color: blue; color:white;">

<tr>

<th> </th>

<th>7:30 - 8:30</th>

<th>8:30 - 9:30</th>

<th>9:30 - 10:30</th>

<th>Break</th>

<th>11:00 - 11:50</th>

<th>11:50 - 12:40</th>

<th>12:40 - 1:30</th>

<th>Lunch</th>

<th>2:30 - 3:30</th>

<th>3:30 - 4:30</th>

<th>4:30 - 5:30</th>

</tr>

</thead>

<tbody>

{% for i in matrix %}

<tr>

{% for j in i %}

{% if forloop.counter == 1 %}

<td style="background-color: green; color:white;"><b>{{ j }}</b></td>

{% else %}

<td>{{ j }}</td>

{% endif %}

{% endfor %}

</tr>

{% endfor %}

</tbody>

</table>

</div>

</div>

</div>

</div>

{% endblock %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Run Quick Virus Scan for secure Download

Run Quick Scan for safe Download

Downloadable Source Code Below.

Anyway, if you want to level up your programming knowledge, especially python, try this new article I’ve made for you Best Python Projects with source code for Beginners. But If you’re going to focus on web development using Django, you can download here from our list of Best Django Projects with source code based on real-world projects.

How To Run The College Management System Project in Django With Source Code?

Step 1: Extract/unzip the file
Step 2: Go inside the project folder, open cmd and type the following commands to install Django Framework and run the webserver:

python manage.py runserver

Step 3: Finally, open the browser and go to http://127.0.0.1:8000/

Admin Login:

username: admin
password: admin12345678

Student Login:

username: alexander
password: admin12345

Teacher Login:

username: saxon
password: ong12345

Summary

In summary, this 2021 College Management System Project in Django With Source Code can be useful to students or professional who wants to learn python programming language. This project can also be modified to fit your personal requirements. Hope this project will help you to improve your skills. Happy Coding!

Inquiries

If you have any questions or suggestions about College Management System Project in Django With Source Code, please feel free to leave a comment below.

Looking for more source code? Type your keyword here here!

LEAVE A REPLY Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: