一、开始任务

添加与显示学生信息

二、实现项目

（一）、创建Django项目---students

（二）、准备静态文件夹static

在static目录下创建css文件夹，并在其中创建main.css文件

（三）、添加layui框架

在static里添加layui框架

（四）、创建脚本文件

在static目录下新建js文件夹，在其中创建mai.js文件

（五）、配置数据库

配置settings.py文件

在配置文件settings.py里配置数据库信息

在配置文件settings.py里配置静态文件目录

新建数据库students

设置数据库连接模块

迁移数据库

查看生成的数据表

三、配置路由

（一）、配置主路由 - students里的urls.py文件

（二）、创建index应用--index

（三）、创建学生模型 - Student

在index的models.py里创建Student模型类

在index的views.py里创建三个视图函数

在主路由文件里导入上述三个视图函数

（四）、数据迁移，生成学生表

（五）、修改视图函数

定义初始化函数 --- init()

修改首页视图函数 --- indexView

修改添加学生视图 --- addStudentView

修改显示学生视图 --- showStudentView

四、创建模板页面

（一）、创建框架模板页面 --- frame.html

（二）、创建首页模板 --- index.html

（三）、创建添加学生页面 --- addstudent.html

（四）、创建显示学生信息模板 - showstudent.html

五、最终效果

一、开始任务

添加与显示学生信息

二、实现项目

（一）、创建Django项目---students

（二）、准备静态文件夹static

在static目录下创建css文件夹，并在其中创建main.css文件

main.css源码如下：

* {
    margin: 0px;
    padding: 0px;
    border: none;
}

html, body {
    height: 100%;
}

.w1200 {
    width: 1200px;
}

.layui-header, .layui-footer {
    text-align: center;
    margin: auto;
}

.layui-header {
    padding: 40px 0px;
    line-height: 1.5em;
    position: fixed;
    background-image: linear-gradient(to bottom, olive, deepskyblue, cornflowerblue, mediumorchid);
}

.layui-footer {
    padding: 30px 0px;
    position: relative;
    background-image: linear-gradient(to bottom, mediumorchid, cornflowerblue, deepskyblue, olive);
}

.layui-footer a {
    margin: 0px 20px;
}

.layui-footer a:hover {
    color: red;
}

.layui-footer p {
    margin: 15px 0px;
}

.bold {
    font-weight: bold;
}

.middle {
    display: flex;
    flex-direction: row;
    margin: 5px 0px;
    min-height: 500px;
}

.left-menu {
    flex: 1;
    background: azure;
    padding: 20px;
}

.right-content {
    flex: 5;
    margin-left: 5px;
    background: azure;
    padding: 20px;
}

.test-info h4 {
    font-size: 20px;
    font-weight: bolder;
}

.test-info p {
    font-size: 15px;
    line-height: 2em;
    text-indent: 2em;
}

form {
    margin: auto;
}

form table {
    width: 400px;
    margin: auto;
    border: 1px solid black;
    padding: 50px 20px !important;
}

form table th {
    width: 100px;
    text-align: right;
}

form table td {
    width: 250px;
    padding: 0px 10px;
}

tr {
    line-height: 4em;
}

table tr:last-child {
    text-align: center;
}

table caption {
    font-weight: bolder;
    padding: 10px 0px;
    font-size: 1.5em;
}

.stuinfo {
    width: 90% !important;
    margin: auto;
    text-align: center;
}

.stuinfo table {
    margin: auto !important;
    width: 90% !important;
}

.stuinfo table td {
    width: 25%;
}

.stuinfo table tr {
    border-bottom: 1px solid black;
}

.stuinfo thead {
    background: black;
}

.stuinfo thead th {
    color: white;
    border-right: 1px solid white;
}

.stuinfo table tr:nth-child(even) {
    background: #2D93CA;
}

.stuinfo table tr:hover td {
    background: #00FFFF;
}

（三）、添加layui框架

在static里添加layui框架
cgn6https://pan.baidu.com/s/1gXt5Qd5U5GJUUSk2dzYNtA

（四）、创建脚本文件

在static目录下新建js文件夹，在其中创建mai.js文件

（五）、配置数据库

配置settings.py文件

在配置文件settings.py里配置数据库信息

在配置文件settings.py里配置静态文件目录

新建数据库students

设置数据库连接模块

迁移数据库

在终端中执行

python manage.py makemigrations

python manage.py migrate

查看生成的数据表

三、配置路由

（一）、配置主路由 - students里的urls.py文件

（二）、创建index应用--index

在终端执行python manage.py startapp index

在settings.py文件中进行注册

（三）、创建学生模型 - Student

在index的models.py里创建Student模型类

在index的views.py里创建三个视图函数

在主路由文件里导入上述三个视图函数

（四）、数据迁移，生成学生表
在终端执行两条命令
python manage.py makemigrations
python manage.py migrate index 0001_initial

查看生成的学生表

（五）、修改视图函数

定义初始化函数 --- init()

修改首页视图函数 --- indexView

修改添加学生视图 --- addStudentView

修改显示学生视图 --- showStudentView

四、创建模板页面

（一）、创建框架模板页面 --- frame.html

在templates里创建frame.html

frame.html的源码：

{% load static %}

{{ title }}

2022年夏期《Web应用程序设计》期末检测

测试时间：{{ baseInfos.testtime }}

测试班级： {{ baseInfos.clazz }}

姓名：{{ baseInfos.name }} 学号：{{ baseInfos.number }}

当前时间：

回到测试首页

添加学生信息

查看学生信息

{% block content %}{% endblock content %}

©版权所有(2021-2025)
技术支持（QQ:375912360）
关于我们

设为首页
添入收藏
管理入口

（二）、创建首页模板 --- index.html

运行结果如下：

（三）、创建添加学生页面 --- addstudent.html
运行结果如下：

addstudent.html源码如下：

{% extends 'frame.html' %}

{% block content %}
    
        
            
                {{ result }}
            
        
        
        
            
                {% csrf_token %}
                
                    
                        添加学生信息
                    
                    
                        学生姓名:
                        
                            
                        
                    
                    
                        学生学号:
                        
                            
                        
                    
                    
                        学生班级:
                        
                            
                        
                    
                    
                        学生性别:
                        
                            男生
                            女生

添加学生信息
学生姓名:
学生学号:
学生班级:
学生性别:	男生女生

    
{% endblock content %}

学生管理系统———Django

一、开始任务 添加与显示学生信息

添加与显示学生信息

二、实现项目

（一）、创建Django项目---students

（二）、准备静态文件夹static 在static目录下创建css文件夹，并在其中创建main.css文件

在static目录下创建css文件夹，并在其中创建main.css文件

（三）、添加layui框架 在static里添加layui框架 cgn6https://pan.baidu.com/s/1gXt5Qd5U5GJUUSk2dzYNtA

在static里添加layui框架

（四）、创建脚本文件 在static目录下新建js文件夹，在其中创建mai.js文件

在static目录下新建js文件夹，在其中创建mai.js文件

（五）、配置数据库

配置settings.py文件 在配置文件settings.py里配置数据库信息 在配置文件settings.py里配置静态文件目录

在配置文件settings.py里配置数据库信息

在配置文件settings.py里配置静态文件目录

新建数据库students 设置数据库连接模块

设置数据库连接模块

迁移数据库 在终端中执行 python manage.py makemigrations

在终端中执行

python manage.py makemigrations

python manage.py migrate 查看生成的数据表

python manage.py migrate

查看生成的数据表

三、配置路由

（一）、配置主路由 - students里的urls.py文件

（二）、创建index应用--index 在终端执行python manage.py startapp index 在settings.py文件中进行注册

在终端执行python manage.py startapp index

在settings.py文件中进行注册

（三）、创建学生模型 - Student

在index的models.py里创建Student模型类 在index的views.py里创建三个视图函数 在主路由文件里导入上述三个视图函数

在index的views.py里创建三个视图函数

在主路由文件里导入上述三个视图函数

（四）、数据迁移，生成学生表 在终端执行两条命令 python manage.py makemigrationspython manage.py migrate index 0001_initial

查看生成的学生表

（五）、修改视图函数 定义初始化函数 --- init() 修改首页视图函数 --- indexView 修改添加学生视图 --- addStudentView 修改显示学生视图 --- showStudentView

定义初始化函数 --- init()

修改首页视图函数 --- indexView

修改添加学生视图 --- addStudentView

修改显示学生视图 --- showStudentView

四、创建模板页面

（一）、创建框架模板页面 --- frame.html 在templates里创建frame.html

在templates里创建frame.html

（二）、创建首页模板 --- index.html

运行结果如下：

（三）、创建添加学生页面 --- addstudent.html 运行结果如下：

addstudent.html源码如下： {% extends 'frame.html' %} {% block content %} {{ result }} {% csrf_token %} 添加学生信息 学生姓名: 学生学号: 学生班级: 学生性别: 男生 女生 {% endblock content %}

（四）、创建显示学生信息模板 - showstudent.html

运行结果如下：

五、最终效果

Python相关栏目本月热门文章

一、开始任务

添加与显示学生信息

（二）、准备静态文件夹static

在static目录下创建css文件夹，并在其中创建main.css文件

（三）、添加layui框架

在static里添加layui框架
cgn6https://pan.baidu.com/s/1gXt5Qd5U5GJUUSk2dzYNtA

（四）、创建脚本文件

在static目录下新建js文件夹，在其中创建mai.js文件

配置settings.py文件

在配置文件settings.py里配置数据库信息

在配置文件settings.py里配置静态文件目录

新建数据库students

设置数据库连接模块

迁移数据库

在终端中执行

python manage.py makemigrations

python manage.py migrate

查看生成的数据表

（二）、创建index应用--index

在终端执行python manage.py startapp index

在settings.py文件中进行注册

在index的models.py里创建Student模型类

在index的views.py里创建三个视图函数

在主路由文件里导入上述三个视图函数

（四）、数据迁移，生成学生表
在终端执行两条命令
python manage.py makemigrations
python manage.py migrate index 0001_initial

（五）、修改视图函数

定义初始化函数 --- init()

修改首页视图函数 --- indexView

修改添加学生视图 --- addStudentView

修改显示学生视图 --- showStudentView

（一）、创建框架模板页面 --- frame.html

在templates里创建frame.html

（三）、创建添加学生页面 --- addstudent.html
运行结果如下：

addstudent.html源码如下：
{% extends 'frame.html' %} {% block content %}
{{ result }}

{% csrf_token %}
添加学生信息
学生姓名:

学生学号:

学生班级:

学生性别: 男生女生

{% endblock content %}