期末Django项目实训报告

一、实训项目

   制作学生信息管理系统(students)并且实现该信息管理系统的增删改查

二、实训项目内容

(一)创建Django项目 - students

  • 设置Django项目的位置与名称

期末Django项目实训报告_第1张图片

 期末Django项目实训报告_第2张图片

 (二)准备静态资源

1、创建静态目录

  • 在students里创建static目录

期末Django项目实训报告_第3张图片

 2、创建样式文件

  • 在static里创建css目录,然后在css里创建main.css

期末Django项目实训报告_第4张图片

* {
    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: #ff0000;
}

.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;
}

 3、添加layui框架

  • 在static里添加layui框架

 期末Django项目实训报告_第5张图片

4、创建脚本文件

期末Django项目实训报告_第6张图片

 (三)完成基本配置

1、配置数据库信息

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

期末Django项目实训报告_第7张图片

2、配置静态文件目录

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

期末Django项目实训报告_第8张图片

 3、进行数据迁移

(1)创建数据库—— students

期末Django项目实训报告_第9张图片

 (2)设置数据库连接模块

  • 在项目的初始化文件里设置数据库连接模块

期末Django项目实训报告_第10张图片

(3)执行数据迁移命令

  • 在控制台依次执行两条数据迁移命令,生产数据表

python manage.py makemigrations
python manage.py migrate
  •  查看生成的数据库

期末Django项目实训报告_第11张图片

 (4)添加超级管理员

  • Django初始化admin账号和密码:admin-p@ssword

  • python manage.py createsuperuser

4、路由 配置

(1)路由需求

  • 主页面:路由地址为空,对应视图indexView,名称为index

  • 添加学生:路由地址addstudents/,对应视图addStudentView,名称为addstudent

(2)主路由配置

配置主路由-students里的urls.py

期末Django项目实训报告_第12张图片

(四)创建应用-index

1、创建index应用

  • 在控制台执行以下代码

python manage.py startappindex

期末Django项目实训报告_第13张图片

 2、注册index应用

  • 在配置文件settings.py里注册index应用

期末Django项目实训报告_第14张图片

3、创建学生模型 — Student

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

期末Django项目实训报告_第15张图片 4、创建视图函数(空视图函数)

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

期末Django项目实训报告_第16张图片

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

期末Django项目实训报告_第17张图片

 5、在做数据迁移,生成学生表

  • 在控制台依次执行两条命令

python manage.py makemigrations

python manage.py migrate index 0001_initial

期末Django项目实训报告_第18张图片 

 

  • 查看生成的学生表

期末Django项目实训报告_第19张图片

 (五)修改视图函数

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

  • 在index的views.py里创建init()函数

期末Django项目实训报告_第20张图片

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

期末Django项目实训报告_第21张图片

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

期末Django项目实训报告_第22张图片

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

期末Django项目实训报告_第23张图片

(六)创建模板页面

1、创建框架模块页面 -frame.html

  • 在templates里创建frame.html

期末Django项目实训报告_第24张图片

  •  设置静态资源的Django内置标签-{% load static %}、 {% static ...%}

期末Django项目实训报告_第25张图片

  • 设置路由的Django内置标签 -{% url ... % }

期末Django项目实训报告_第26张图片

期末Django项目实训报告_第27张图片

  •  设置块内容的Django内置标签 -{% block content %} { % endblock content%}

期末Django项目实训报告_第28张图片

  • frame.html的源码



    {% load static %}
    
    {{ title }}
    
    
    
    


2021年秋期《Web应用程序设计》期末检测

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

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

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

当前时间:

 2、创建首页模板 - index. html

  • 在templates里创建index.index

期末Django项目实训报告_第29张图片

  • 启动项目,测试首页

期末Django项目实训报告_第30张图片

 3、创建添加学生页面 -addstudent.html

  • 在templates里创建addstudent.html

期末Django项目实训报告_第31张图片

  •  启动项目,测试添加学生信息功能

  • 单机左边【添加学生信息】按钮

期末Django项目实训报告_第32张图片

  • 输入姓名、学号、班级和性别

 期末Django项目实训报告_第33张图片

  •  单击【提交】按钮

期末Django项目实训报告_第34张图片

  • 查看学生表记录

期末Django项目实训报告_第35张图片

4、创建删除学生页面 -del.html

  • 在templates里创建del.html

期末Django项目实训报告_第36张图片

  • 启动项目,测试删除学生信息功能

  • 点击左边【删除学生信息】按钮

  • 输入该学生学号

期末Django项目实训报告_第37张图片

  •  单击【提交】按钮

期末Django项目实训报告_第38张图片

  • 查看学生表记录

期末Django项目实训报告_第39张图片

 5、创建编辑学生页面 - edit.html

  • 在templates里创建edit.html

期末Django项目实训报告_第40张图片

  • 启动项目,测试编辑学生信息功能

  • 单击左边【编辑学生信息】按钮

  • 输入要编辑的姓名、学号、班级和性别

期末Django项目实训报告_第41张图片

 期末Django项目实训报告_第42张图片

  •  单击【提交】按钮

  •   查看学生表记录

期末Django项目实训报告_第43张图片

 期末Django项目实训报告_第44张图片

6、创建显示学生信息模板  -showstudent.html

  • 在templates里创建showstudent.html

期末Django项目实训报告_第45张图片

  • 启动项目,测试显示学生信息功能

期末Django项目实训报告_第46张图片

期末Django项目实训报告_第47张图片

三、实训总结

     时间过的真快,转眼间两周的实训时间就过了。所谓行万里路,必先始于足下。通过过去的两周里,虽然倍感折磨,但收获却很大的,学习中我不但有了学习成果的喜悦,而且自己也日渐成熟,有种说不出的喜悦。

       当我们正式准备开始Django实训时,让我倍感兴奋,毕竟实训完,迎来的便是新年和寒假。当然开始学习后也并非是想象中那样顺利,开始的学习让我异常感到学习任务的艰巨,因为学习中,我也遇到了很多以前未曾遇到的难点,有点难免冥思苦想也无济于事,通过我积极努力的向度娘和其他同学请教,我也是顺利的化解了一道道的障碍与难题。

       这让我不断地对学习技术又有了新的认识:学习中国我们必须边总结边学习,开始阶段对老师交代的任何方法和类都不要放过,不管是否简单与否都要乐于接受,因为老师肯定有他的道理,相信老师走过的路比我们长,那么其经验也就肯定比我们丰富。

       上课时一定要专心听讲,一个关键的知识点听漏了,可能会使一个人在课下需要很多时间去消化,这样也就会花掉做其他事情的大量时间,同时也使得不能和老师讲的课程同步,以至于以后就跟不上老师讲课的进度而掉队。所以学习中,宁可劳其筋骨,苦其心志,饿其体肤,也不能掉队跟不上学习的进度。在学习的过程中也体会到了,遇到问题解决不了的,一定要请教。不然的话自己一个人去做的话会花很多的时间,在做这个学生管理系统项目的时候,其中也遇到了许多的问题,通过在同学的帮助下解决了,提高了进度和效率。

       我认为学习知识的过程当中就应该是相互学习相互进步的。Django是现在主流的技术,我会努力将它学号,现在我缺乏的是耐心和坚持不懈的精神,同学们给我了很大的影响,我会向他们学习的。在这里也很感谢华卫老师,在老师的仔细讲解和指导,克服了学习上一道道难关。

        实训即将结束了,在这实训的两周里,我每天都过的踏实,充实,我相信只要我秉持艰苦奋斗,为理想奋斗的精神,尽管在未来学习Django的路上全是荆棘,我也一定可以披荆斩棘,度过重重难关,实现自己的未来理想。

所以老师,救救,菜菜,捞捞,55555555555

 

你可能感兴趣的:(django)