Django案例:学生信息管理

(一)创建Django项目 - students

Django案例:学生信息管理

(二)准备静态资源

1、创建静态目录

在students里创建static目录

Django案例:学生信息管理

2、创建样式文件 

在static里创建css目录,然后在css里创建main.css样式文件

Django案例:学生信息管理

3、添加layui框架 

在static里添加layui框架

下载链接:百度网盘 请输入提取码 提取码:cgn6

Django案例:学生信息管理

4、创建脚本文件 

在static里创建js目录,然后在js里创建main.js文件

Django案例:学生信息管理

(三)完成基本配置 

1、配置数据库信息

在配置文件settings.py里配置数据库信息(注意密码要换成自己数据库的密码)

Django案例:学生信息管理

2、配置静态文件目录 

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

Django案例:学生信息管理

3、进行数据迁移 

(1)创建数据库 - students

Django案例:学生信息管理

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

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

Django案例:学生信息管理 (3)执行数据迁移命令

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

Django案例:学生信息管理

查看生成的数据表

Django案例:学生信息管理

(4)添加超级管理员

在控制台执行python manage.py createsuperuser命令

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

Django案例:学生信息管理

4、路由配置 

(1)路由需求

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

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

显示学生:路由地址showstudent/,对应视图showStudentView,名称为showstudent

(2)主路由配置

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

Django案例:学生信息管理

(四)创建应用 - index 

1、创建index应用

在控制台执行python manage.py startapp index

Django案例:学生信息管理

2、注册index应用 

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

Django案例:学生信息管理

3、创建学生模型 

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

Django案例:学生信息管理

4、创建视图函数 

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

Django案例:学生信息管理

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

Django案例:学生信息管理 5、做数据迁移,生成学生表 

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

Django案例:学生信息管理

查看生成的学生表 

Django案例:学生信息管理

(五)修改视图函数

1、定义初始化函数

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

Django案例:学生信息管理

2、修改首页视图函数 

Django案例:学生信息管理

3、修改添加学生视图

Django案例:学生信息管理 4、修改显示学生视图 

Django案例:学生信息管理

(六)创建模板页面 

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

在templates里创建frame.html

Django案例:学生信息管理

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

Django案例:学生信息管理 设置路由的Djang内置标签 - {% url ... %} 

Django案例:学生信息管理

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

Django案例:学生信息管理 

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

在templates里创建index.html

Django案例:学生信息管理

启动项目,测试首页

Django案例:学生信息管理

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

在templates里创建addstudent.html 

Django案例:学生信息管理

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

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

Django案例:学生信息管理 输入姓名、学号、班级和姓名

 Django案例:学生信息管理

单击【提交】按钮

Django案例:学生信息管理

 查看学生表记录

Django案例:学生信息管理

同理,通过添加学生信息功能,再添加几条记录

Django案例:学生信息管理

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

在templates里创建showstudent.html

Django案例:学生信息管理

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

Django案例:学生信息管理

上一篇:Django admin实现TextField字段changelist页面换行、空格正常显示


下一篇:Django基础(二)Django配置信息——资源文件配置、媒体资源文件