django实训案例--学生信息管理

最新推荐文章于 2023-10-31 14:06:34 发布
最新推荐文章于 2023-10-31 14:06:34 发布
阅读量753 收藏 2
点赞数
分类专栏： django网站搭建接触
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52158380/article/details/122297254
版权

django css 前端

项目创建–students

（这里因为用的是学校机房的电脑，所以项目路径就在C盘，平时学习还是安排在其他盘好）在这里插入图片描述

准备静态资源

创建静态目录

在主应用students下新建目录static

（因为写博客的时候已经完成一些了，所以下图就是项目大致目录图，不过我们这一步主要还是创建静态资源目录static）在这里插入图片描述

创建样式文件

  • 在static里创建css目录，然后在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里创建js目录，然后在js里创建main.js文件
    在这里插入图片描述
    main.js
layui.config({
    base: '../static/js'
}).use(['jquery'],function () {
    var $ = layui.$;
    setInterval(function () {
        var date = new Date();
        var weeks = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
        var timeConTent = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"
        +weeks[date.getDay()]+" "+prefix(date.getHours())+":"+prefix(date.getMinutes())+":"+prefix(date.getSeconds());
        $('#time').text(timeConTent);

    },1000);
    var prefix = function (num) {
        if (num < 10){
            return "0" + num;
        } else {
            return num + "";
        }

    }

});

完成基本配置

配置数据库信息

在配置文件settings.py里配置数据库信息（这里照例使用了MySQL数据库，Python原版数据库是sqlite，可自己权衡是否改换数据库，如果使用MySQL注意密码要换成自己数据库的密码）
在这里插入图片描述

配置静态文件目录

在配置文件settings.py里配置静态文件目录
在这里插入图片描述

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR,'static'),
)

进行数据迁移

创建数据库 - students
在这里插入图片描述

设置数据库连接模块

在项目的初始化文件里设置数据库连接模块
在这里插入图片描述

import pymysql
pymysql.install_as_MySQLdb()

执行数据迁移命令

在控制台依次执行两条数据迁移命令，生成数据表

python manage.py makemigrations
python manage.py migrate

因为我们没有创建model，所以第一个指令创建后就会显示信息说没什么改变
在这里插入图片描述

不用管直接执行第二条指令，之后就会在Navicat生成一系列附加表
在这里插入图片描述
红线涂抹的则是后来创建的学生模型类执行数据迁移后生成的数据表

添加超级管理员

在终端输入指令

python manage.py createsuperuser

后根据提示创建超级管理员，如果用于学习，邮箱可以随意填，类似123@qq.com都可以，只要符合格式就可以，输入的密码不会显示，输入的密码过于简单就会给一堆提示，我们直接在是否创建上面输入y就行了。如下：
在这里插入图片描述
可以输入网址测试一下：

127.0.0.1:8000/admin

在这里插入图片描述
初始界面，创建成功
在这里插入图片描述

修改视图函数

定义初始化函数

  • 在index的views.py里创建init()函数
    在这里插入图片描述

修改首页视图函数

在这里插入图片描述

修改添加学生视图

在这里插入图片描述

修改显示学生视图

在这里插入图片描述

创建模板页面

创建框架模板页面 - frame.html

在templates里创建frame.html
在这里插入图片描述

源码：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    {% load static %}
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link href="{% static 'css/main.css' %}" type="text/css" rel="stylesheet">
    <link href="{% static 'layui/css/layui.css' %}" type="text/css" rel="stylesheet">
    <script src="{% static 'layui/layui.js' %}"></script>
    <script src="{% static 'js/main.js' %}"></script>
</head>
<body>
<div class="layui-container">
    <div class="w1200 margin-auto">
        <div class="layui-header w1200">
            <p class="bold">
                2021年秋期《Web应用程序设计》期末检测
            </p>
            <p>
                <span class="bold">测试时间：</span>{{ baseInfos.testtime }}
            </p>
            <p>
                <span class="bold">测试班级：</span> {{ baseInfos.clazz }}
            </p>
            <p>
                <span class="bold">姓名：</span>{{ baseInfos.name }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="bold">学号：{{ baseInfos.number }}</span>
            </p>
            <p>
                <span class="bold">当前时间：</span><span id="time"></span>
            </p>
        </div>
        <div class="middle w1200">
            <div class="left-menu">
                <div class="layui-btn-container">
                    <div class="layui-btn">
                        <a href="{% url 'index' %}" title="回到测试首页">回到测试首页</a>
                    </div>
                </div>
                <div class="layui-btn-container">
                    <div class="layui-btn">
                        <a href="{% url 'addstudent' %}" title="添加学生信息">添加学生信息</a>
                    </div>
                </div>
                <div class="layui-btn-container">
                    <div class="layui-btn">
                        <a href="{% url 'showstudent' %}" title="查看学生信息">查看学生信息</a>
                    </div>
                </div>
            </div>
            <div class="right-content">
                {% block content %}{% endblock content %}
            </div>
        </div>
        <div class="layui-footer w1200">
            <p>
                <a href="javascript:;">&copy;版权所有(2021-2025)</a>
                <a href="mailto:375912360@qq.com">技术支持（QQ:375912360）</a>
                <a href="javascript:;">关于我们</a>
            </p>
            <p>
                <a href="javascript:;">设为首页</a>
                <a href="javascript:;">添入收藏</a>
                <a href="/admin">管理入口</a>
            </p>
        </div>
    </div>
</div>
</body>
</html>

解析：

  • 设置静态资源的Django内置标签 - {% load static %}、{% static … %}
  • 设置路由的Djang内置标签 - {% url … %}
  • 设置块内容的Django内置标签 - {% block content %}{% endblock content %}
Bug码畜
关注
专栏目录
Django实训项目：学生信息管理
Fairy3364的博客
01-05 324
（一）创建Django项目 - students （二）准备静态资源 1、创建静态目录 在students里创建static目录 2、创建样式文件 在static里创建css目录，然后在css里创建main.css样式文件 3、添加layui框架 在static里添加layui框架 下载链接：百度网盘 请输入提取码提取码：cgn6 4、创建脚本文件 在static里创建js目录，然后在js里创建main.js文件 （三）完成基本配置 1、配置数据库信息 ...
大二下期Django母婴商城实训项目报告
qq_52158547的博客
01-06 4010
项目名称：母婴商城系统 作者：李虹糈 项目时间：2021年12月28日 Django母婴商城实训项目报告1、摘要2、系统开发的工具与相关技术1.1、JetBrains Pycharm1.2、Python1.2.1、Python概述1.2.2、Python的应用1.3、Django框架1.3.1、Django概述1.3.2、Django的优点一、拥有全自动的管理后台二、强大数据库功能Django三、url动态配置四、强大的模板系统五、表单处理六、强大的缓存机构七、国际化1.3.3、Django的开发流程1..
Django框架简单案例
08-05
使用Python，Django网络框架编写的简单小案例，有注册页面，能够连接数据库。
Django实例
09-06 158
分页一 views.py 1 from django.shortcuts import render 2 from django.http import HttpResponse 3 from django.urls import reverse 4 from django.utils.safestring import mark_safe 5 6 #...
Django入门案例：图书管理系统
热门推荐
小小明-代码实体的专栏
12-30 4万+
作者：小小明 明镜本清净，明镜亦非台。 本来无一物，何处惹尘埃！ Django入门案例：图书管理系统 无需写sql，不需写前端，利用Django自带的Admin和ORM框架就能轻松实现一个多对多表关系的增删改查。 开发流程 版本 Django 3.1.1 python 3.6.12 (django) E:\python_Projects\django_demo>pip show django Name: Django Version: 3.1.1 Summary: A high-level Py.
Django案例
ZXY_lucky的博客
04-28 2600
1.案例说明 实现登录注册功能 注册：用户输入账号密码后 - 提交服务器 - 将账号密码保存到数据库中 - 重定向到登录页面 登录：用户输入账号密码 - 服务器进行判断是否存在 - 存在跳转到主页面 - 不存在跳转到注册页面 ...
Django--案例
qq_37743408的博客
07-26 870
Django**案例1：用户管理**
毕设&课设&项目&实训-Python基于Django校园二手交易跳蚤市场设计毕业源码案例设计.zip
02-03
可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，...
毕设&课设&项目&实训-基于Django城市PM2.5空气质量数据可视化分析毕业源码案例设计.zip
最新发布
02-06
可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，...
仓库管理系统简单版-软件工程案例
01-07
本文将深入探讨一个基于Django框架开发的仓库管理系统，该系统是软件工程案例的实例，涵盖了供应商管理、入库与出库管理以及管理员信息管理等多个功能模块。 首先，Django是一个高级的Python Web框架，它鼓励快速...
django项目实例（django 简易博客开发）
02-29
前几天写的django 简易博客开发记录，贴个链接吧 django 简易博客开发 1 安装、创建、配置、admin使用 http://www.cnblogs.com/cacique/archive/2012/09/29/2707976.html django 简易博客开发 2 模板和数据查询 http://www.cnblogs.com/cacique/archive/2012/09/30/2709143.html django 简易博客开发 3 静态文件、from 应用与自定义 http://www.cnblogs.com/cacique/archive/2012/10/01/2709668.html django 简易博客开发 4 comments库使用及ajax支持 http://www.cnblogs.com/cacique/archive/2012/10/03/2710803.html django 简易博客开发 5 markdown支持、代码高亮、gravatar头像服务 http://www.cnblogs.com/cacique/archive/2012/10/07/2713703.html
六、django应用实例(一)
weixin_42155272的博客
01-05 242
结合前面所学的知识，涉及一个django应用实例，# 先讲数据库中的数据全部展示到前端 然后给每一个数据两个按钮 一个编辑一个删除 # 查看 视图函数 def userlist(request): # 查询出用户表里面所有的数据 # 方式1 # data = models.User.objects.filter() # print(data) # 方式2 user_queryset = models.User.objects.all() # ret
Django登录小案例
wenpy的博客
06-11 360
一、request对象常用的属性： 二、QueryDict对象： 所在的包：django.http.QueryDict HttpRequest对象中的GET和POST属性 都是QueryDict类型 与python字典不同：QueryDict对象一个键可以保存多个值 get()方法：根据键获取值，如果一个键同时拥有多个值，将获取最后一个值；如果键不存在则返回None值...
Django案例：图书管理系统
qq_61660527的博客
06-14 423
Django简单图书管理系统案列
Django开发实例总结（入门级、4.2.6、详细）
墨痕诉清风的博客
10-31 2578
Django是一个用于构建Web应用程序的高级Python Web框架。它遵循了MVC（Model-View-Controller）的软件设计模式，并采用了MTV（Model-Template-View）的变种。模型（Model）、模板(Template)、视图（Views）。1. 确保在文件中，TEMPLATES......},这将告诉Django在`myapp`应用程序的`templates`目录中查找模板文件。2. 在urls.py文件中正确配置了URL模式。
Django案例：学生信息管理
qq_57419332的博客
06-20 223
在static里添加layui框架下载链接：百度网盘 请输入提取码 提取码：cgn6在static里创建js目录，然后在js里创建main.js文件 （1）创建数据库 - students （2）设置数据库连接模块 （3）执行数据迁移命令 查看生成的数据表 （4）添加超级管理员 4、路由配置 （1）路由需求 主页面：路由地址为空，对应视图indexView，名称为index 添加学生：路由地址addstudent/，对应视图addStudentView，名称为addstudent 显示学生：路由地址sh
Django项目实例详解(一)
weixin_56863624的博客
03-20 1718
通过本文，您已经学会了如何使用Django框架创建一个简单的博客网站。这只是一个入门级别的示例，Django提供了更多功能和选项，可以用于构建更复杂的Web应用程序。
Python--Django简单项目实例
SjwFdb_1__1的博客
05-17 2056
经过自己的钻研和学习，大致搞懂了Django项目的具体流程 实属不易，弄了好几天才搞懂，现使用Pycharm详细叙述一下步骤 环境：Python3.7、Django3.0.3、pymysql0.9.3(但要注意可能会报错) 1.使用PyCharm创建Django项目 2.用命令创建新的应用app app名根据需要自己设定，点击左下角Teminal，命令输进去回车即可 python manage.py startapp defog 执行完成后，将会在项目中创建defog目录 .
Django-Rest-Framework权限管理源码解析与实践总结
"本文主要对Django-Rest-Framework的权限管理系统进行了简要分析和总结，探讨了如何在Django应用中实现权限控制，重点介绍了`authentication_classes`和`permission_classes`这两个关键概念。" Django-Rest-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值