Django--案例

已于 2022-08-22 21:23:43 修改
阅读量877 收藏 3
点赞数
分类专栏： Django实战 文章标签： django python
于 2022-07-26 21:41:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37743408/article/details/125998531
版权

案例1：用户管理

1. 展示用户列表

  • url
  • 函数
    • 获取所有用户信息
    • HTML渲染

将数据库获取的对象当做参数传递给前端HTML：
在这里插入图片描述注意字典的键是双引号。

补充：时间在模板中如何使用字符串
在这里插入图片描述

2.添加用户

  • url
  • 函数
    • 通过GET方式，看到页面，输入内容。
    • 通过POST方式，提交 -> 写入到数据库。
      在这里插入图片描述
      在这里插入图片描述可以在列表的html中添加一个a标签链接到add 中，因为是在同一个网址下，即![在这里插入图片描述](https://img-blog.csdnimg.cn/7b277d2c3e314577bd8156725ff0e295.png在这里插入图片描述

3.删除用户

  • url
  • 函数

同样先添加 删除的 URL 和函数 ，
在这里插入图片描述

开始时可以直接URL后面添加 ？uid=xx 来指定删除对应id 的数据.
在这里插入图片描述

在这里插入图片描述
由于不能让用户去输入对应id的URL来实现删除，所示设置a标签进行跳转删除

在这里插入图片描述这样就通过前面的for循环在每一列后面添加了删除的a标签来跳转到删除的URL 而id即使用当前的obj.id来实现指定id的删除
结果如下：
在这里插入图片描述
由于在当前的同样的网址下操作，所以Href后面的网址 http://127.0.0.1:8000 同样可以省去
在这里插入图片描述

再设置删除后面的跳转的页面

在这里插入图片描述

#案例2

设计数据库表
在这里插入图片描述
max_digits参数表示数字长度，而decimal_places表示小数点后面的长度

通过ForeignKey来设置外键，参数中的to 表示与哪张表进行关联，to_fields与表中哪一列关联,
on_delete=models.CASCADE 表示级联删除，当外键中对应的部门删除后，对应的主键也会被删除;
on_delete=models.SET_NULL 表示当外键被删除后，主键内容不是被删除，而是被置空;

可以在Django中通过元组来为其做约束，
在这里插入图片描述这里约束之后选择性别的时候只能是1，或2。

设计数据库
在这里插入图片描述修改配置文件，连接MySQL
在这里插入图片描述
DATABASES = {
‘default’: {
‘ENGINE’: ‘django.db.backends.mysql’,
‘NAME’:‘test1’,
‘USER’:‘root’,
‘PASSWORD’:‘root’,
‘HOST’:‘127.0.0.1’,
‘PORT’:3306,
}
}

通过Django命令生成 数据库表

python manage.py makemigrations
python manage.py migrate

还可以通过
在这里插入图片描述快速生成命令。

设置HTML 前端 通过Bootstrap 框架
可以参考 https://v3.bootcss.com/components/#navbar-default网站
在这里插入图片描述
###注意在 Pycharm 中可以通过ctrl +alt+L 自动调整代码格式

通过前端设计（主要通过在bootstrap寻找模板）得到前端页面:部门列表显示界面和部门添加页面
![在这里插入图片描述](https://img-blog.csdnimg.cn/b5ace1c6d0e9406799fea4061edd7bb6.png在这里插入图片描述在这里插入图片描述
页面设计成功，完成实际功能。
提交按钮的方式为POST方式去提交，所以再在views中设计代码

注意，在form 中为写action的话，会将数据提交到当前的地址
在这里插入图片描述即当前的地址
在这里插入图片描述
注意，添加部门是通过POST 获得数据，而删除部门使用的是GET的方式获得数据
在这里插入图片描述
##编辑部门
在编辑部门的时候，因为要将原来的部门中数据在 编辑页面的中显示，所以需要传递值过来，这里的方法是通过传id到编辑页面 再通过id再数据库寻找到数据，当然可以通过上面的方式在html中获取到id，

#这里还可以通过url匹配来传递id：

首先使用正则表达

在这里插入图片描述

相当于每次在url中带了一个前面传过来的nid，
在这里插入图片描述这样就可以获得nid
在这里插入图片描述最后再传递到指定的页面
在这里插入图片描述再进行数据库、重定向操作
在这里插入图片描述
Django支持模板继承

在上面的html中许多页面的模板都是一样的，之前采取的方式是通过重复的html代码来实现，这样比较复杂

这里由于Django支持模板的继承

{% block content %}{% endblock %} （content表示内容，不是固定的，只需要继承页面的保持一直即可）

通过 {% block content %} 特殊占位符将页面中模板填充到block 里面，其它页面需要这个模板只需要通过{% extends ‘layout.html’（继承的页面文件） %}继承，
然后编写*{% block content %}与{% endblock %}中间的部分就可以。

在这里插入图片描述
这样重复的部分就不需要进行编写

在这里插入图片描述这样如果之后导航需要修改，只需要改模板中的，其它页面继承的也会随之自动修改。

如果有的页面需要不同的js、css，同样也可以通过
{% block js %} （加上该页面独特的js）{% endblock %}
{% block css %}（加上该页面独特的css）{{% endblock %}
在这里插入图片描述右边为继承页面

#用户列表

注意：
1:python中datatime转字符串的方式

time=obj.create_time (datatime类型)
t=time.strftime（“%Y-%m-%d”）(字符串类型)

注意：在如果在模板语法，即html页面中使用以上的python语言是通过obj.create_time | date:“Y-m-d (H:i:s)”

在这里插入图片描述

2.在通过元组中套用选择，并使用到choices的时候，因为数据库储存的是1，2等，想要找到1、2对应的字符串，可以直接通过xxxx.get_xxx.display直接显示
在这里插入图片描述
例如如图中，可以通过

在这里插入图片描述注意，如果在模板语法，即html页面中使用以上的python语言不需要加（）

3：在做外键与别的表关联的时候，主键的表中往往是存储的是外键表中的id，如果想要获得对应id的行中每列的数据，可以通过id去查询外键的表。
还可以直接通过
在这里插入图片描述
可以通过对象.（外键对象）dapart.title(外键表中对应字段)直接获取需要的外键表数据。
在这里插入图片描述

案例3 订单表

同样设计model（数据库对应表）、url 、views.py、继承的父html 对应的标签、再设计oredel_list.html

再去https://v3.bootcss.com/javascript/#modals获得Bootstrap对话框的模板

在这里插入图片描述在这里插入图片描述为button绑定下面对话框

方法一：为上面按钮添加两个属性 data-toggle与 data-target
在这里插入图片描述在这里插入图片描述
效果如下：在这里插入图片描述方法二：通过JS绑定事件，

在这里插入图片描述

官方文档上显示通过JS调用
在这里插入图片描述在这里插入图片描述在这里插入图片描述

设置对话框的内容（内容应该是通过modelform表示）
在对应的py文件中，通过modelform将数据传输到前端form表单
在这里插入图片描述效果展示：
在这里插入图片描述如果想上下排布，可以修改div class="col-xs-6"为div class=“col-xs-12”
在这里插入图片描述效果展示：
在这里插入图片描述订单号应该是后台自动生成，所以在modelform中将订单号进行排除。

在这里插入图片描述效果展示：
在这里插入图片描述点击保存，将数据都放到数据库，即绑定按钮事件，然后发送Ajax请求
在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/cf066ccf063943fa8f5ee892dafa981e.png

提示 效果展示：

在这里插入图片描述为页面添加数据库订单列表
在这里插入图片描述并添加页码
在这里插入图片描述为对话框中保存按钮添加清空表单、关闭对话框、并页面自动刷新页面的功能
在这里插入图片描述为列表添加删除的功能
在这里插入图片描述在这里插入图片描述这里像之前部门列表一样主要是通过点击就跳转页面进删除，这里修改其成为点击就直接删除
在这里插入图片描述修改为input的标签，并为其 添加 btn-delete的自定义样式，并绑定事件

在这里插入图片描述
添加删除对话框，在模板中找到警告框，并对应修改模板中内容
在这里插入图片描述在这里插入图片描述data-dismiss=“modal” 属性可以实现在点击取消按钮后对话框消失的功能

完善删除按钮的实际功能

方法，在点击删除按钮的时候，获取对应行的id，通过id进行删除

方式1：通过删除按钮将对应id放在某个标签中，再点击确认的时候再将对应的id。
方式2：设置一个默认值为0的全局变量，再点击删除的按钮的时候，将全局变量设置为对应的id，点击确认的时候再将该全局变量获取

方式二
先为删除按钮添加自定义属性，并为其绑定事件

在这里插入图片描述设置全局变量，并在点击事件中获取对应的全局变量的值
在这里插入图片描述
为删除弹窗中确认键绑定事件
在这里插入图片描述
为绑定的事件添加ajax，并将数据传输到后台在这里插入图片描述在后台通过.exists()来先判断是否数据存在，

在这里插入图片描述

在这里插入图片描述成功后进行页面刷新，方法有直接删除对应标签，或者简单的方法location.reload();
在这里插入图片描述完成删除按钮功能！

修改编辑按钮的功能

这里由于编辑的弹窗与新建弹窗内容差不多，所以共用一个form
在这里插入图片描述此处form的id为myModalLabel

然后将对应编辑的原内容显示在form中
发送AJAX去后端获取当前行的相关数据

在这里插入图片描述如果数据不存在
在这里插入图片描述就不会再弹出编辑框。
在这里插入图片描述所以为显示对话框设置条件
在这里插入图片描述
如果从数据库获取的数据，应该是一个对象，
在这里插入图片描述也可以直接从数据库获取的数据，获取的数据为一个字典
在这里插入图片描述获取字典的格式： row_dict=models.Order.objects.filter(id=uid).values(“xxx”,“xxx”,“xxx”).first()

类似之前的
queryset，
queryset = models.Order.objects.all()， 里面表示的是queryset = [obj,obj,obj,] 里面内容为对象；

			queryset = models.Order.objects.all().values("id","title")，里面表示的是queryset = [ {'id':1,'title':"xx"},{'id':2,'title':"xx"}, ] 里面内容为字典；

			queryset = models.Order.objects.all().values_list("id","title")里面表示的元组# queryset = [ (1,"xx"),(2,"xxx"), ]；


			这里的JSON序列化只支持字典，所以一般用.values

现在将数据放在对话框中，获取到对应的标签id，然后将对应值放在对应标签中
在这里插入图片描述
因为这里与新建订单用的是同一个对话框，所以需要在使用时都需要将之前内容清空
在这里插入图片描述编辑显示的内容解决，现在完成编辑中保存的按钮功能
因为编辑与新建使用的同时一个对话框，而编辑的时候保存按钮是对原有数据库的内容进行修改，而不是跟新建一样在数据库中添加内容。

设置一个全局变量 （如：Edit_ID），并将编辑中uid赋值给这个全局变量
在这里插入图片描述
为了防止在点击编辑后，再点击新建，Edit_ID还是上次那个， 所以在新建事件中需要将Edit_ID置空
在这里插入图片描述这里将Edit_ID设置为flase，即表示undefined

所以之后就可以在保存按钮中根据判断，如果Edit_ID为flase即undefined时，就表示为新建的保存，否则就为编辑的保存。
在这里插入图片描述这里方便代码整体性，将编辑函数与添加函数单独拿出来写，将之前添加绑定事件中函数放在doAdd中，同时编写doEdit函数

在这里插入图片描述这里的url应该带上相应的uid

这里还可以做一层验证，也可以不做
在这里插入图片描述通过instance与save 实现modelform的对原数据的修改，同时通过error在前端显示输入的错误信息
在这里插入图片描述
在这里插入图片描述
主要是通过Edit_ID为ture与flase来决定是新建还是编辑。

何来尘埃飞舞。
关注
专栏目录
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开发实例总结（入门级、4.2.6、详细）
墨痕诉清风的博客
10-31 2613
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 示例（二）
最新发布
龙哥盟
07-10 1180
Django 还提供了方式，可以用自定义模型代替整个User模型。你的用户类应从 Django 的类继承，它作为一个抽象模型，提供了默认用户的完整实现。你可以在这里阅读更多关于这个模型的信息。使用自定义用户模型会有更多的灵活性，但它也可能给一些需要与User模型交互的可插拔应用应用的集成带来一定的困难。Django 允许你针对不同来源进行身份验证。设置包括了项目的认证后台列表。默认的使用的User模型，验证数据库中的用户。这适用于大部分项目。
django项目的简单例子
qq_67326908的博客
06-26 1504
django简单的案例，用到跳转，随机写的题
Django案例
ZXY_lucky的博客
04-28 2607
1.案例说明 实现登录注册功能 注册：用户输入账号密码后 - 提交服务器 - 将账号密码保存到数据库中 - 重定向到登录页面 登录：用户输入账号密码 - 服务器进行判断是否存在 - 存在跳转到主页面 - 不存在跳转到注册页面 ...
Django实例
09-06 162
分页一 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-tenants:使用PostgreSQL模式的Django租户
04-29
django-tenant 该应用程序使支持的网站可以通过拥有多个租户。 每个软件即服务（SaaS）网站的一项重要功能。 在此处阅读完整的文档： Django当前没有提供简单的方法来支持使用同一项目实例的多个租户，即使只有...
django-pgschemas：使用PostgreSQL模式的Django多租户
02-05
**django-pgschemas：在Django中实现PostgreSQL模式的多租户** 在现代Web开发中，多租户架构已经成为一种常见的设计模式，允许单个应用程序同时服务于多个独立的客户或组织，每个组织（租户）都有自己的数据隔离。`...
Django-CRM：基于Django的开源Python CRM
02-05
案例 潜在客户 机会 策划人 免费试用 安装 我们建议使用ubuntu 18.04或ubuntu 20.04。 这些说明已针对ubuntu 20.04进行了验证 系统要求 sudo apt install postgresql xvfb libfontconfig wkhtmltopdf git libpq-dev ...
python微服务案例-DJango-Flask-Vue
09-01
在本项目中，“python微服务案例-DJango-Flask-Vue”，我们看到了一个综合性的应用，它利用Python的两种主流Web框架——Django和Flask，以及前端的Vue.js来构建微服务架构。微服务架构是一种将单一应用程序分解为一...
2019版-千锋Django-源码+笔记.zip
04-09
千锋Django的学习资料可能包括实际项目案例，如博客系统、电子商务网站等，通过实践操作，开发者能够将理论知识应用于实际，增强解决问题的能力。 总结，2019版千锋Django的源码和笔记资源是一份宝贵的自学材料，...
Django框架简单案例
08-05
使用Python，Django网络框架编写的简单小案例，有注册页面，能够连接数据库。
六、django应用实例(一)
weixin_42155272的博客
01-05 244
结合前面所学的知识，涉及一个django应用实例，# 先讲数据库中的数据全部展示到前端 然后给每一个数据两个按钮 一个编辑一个删除 # 查看 视图函数 def userlist(request): # 查询出用户表里面所有的数据 # 方式1 # data = models.User.objects.filter() # print(data) # 方式2 user_queryset = models.User.objects.all() # ret
Django小示例
weixin_34409703的博客
08-28 96
创建项目，在命令行中输入：django-admin startproject mysite 则会创建一个名为mysite的项目。项目结构如下： +mysite |--+ugo | |--+migrations | |--__init__.py | ...
Django的一个小实例
Li_peipei的博客
09-10 592
  1.Mysql数据库： Django规定，如果要使用模型，必须要创建一个app。我们使用以下命令创建一个 TestModel 的 app: django-admin startapp UserModel 这个是和下面的配置文件setting.py中添加的名字相匹配 要提前建好user数据库 修改setting文件 INSTALLED_APPS = [ 'django....
Django简单实例
qq_40834187的博客
01-04 856
步骤： 1.配置settings文件，给 TEMPLATES 值配置对应的文件夹路径 2.在templates文件夹中创建html文件，内容随便从网上爬。。。我用了百度的 <div class="s_form_wrapper soutu-env-nomac soutu-env-newindex" id="s_form_wrapper"> <div id="lg" class="s-p-top"> <img id="s_lg_img" clas
Django项目实例详解(一)
weixin_56863624的博客
03-20 1728
通过本文，您已经学会了如何使用Django框架创建一个简单的博客网站。这只是一个入门级别的示例，Django提供了更多功能和选项，可以用于构建更复杂的Web应用程序。
Django实践-简单实例
热门推荐
zythy的专栏
12-18 1万+
Django简单实例，包括自带的后台管理模块和一个简单的前台Index页面。
第一章——Django的简单实用案例
qq_39664636的博客
08-22 1125
目录从头开始的django案例环境开始一个项目合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 一个最新版本的django教程 记录我花了很长时间搜索的解决方法以供未来使用 实现的方法以搭建一个博客网站为例 从头开始的django
python Django案例
04-07
1. Blog 一个基于 Django 的博客系统，使用 Django 内置的用户认证系统，提供了博客文章的创建、更新、删除、评论等功能，同时支持 markdown 格式的文章写作。 2. Online Shop 一个基于 Django 的在线商店系统，实现了商品分类、商品展示、购物车、订单管理等功能，使用 Django 集成的支付宝 SDK 实现了在线支付。 3. Social Network 一个基于 Django 的社交网络系统，用户可以注册、登录、创建个人资料、添加好友、发布动态、评论等，使用 Django 内置的消息系统实现私信功能。 4. Todo List 一个基于 Django 的任务清单应用，用户可以创建、查看、修改、删除任务，使用 Django 内置的时间日期模块和 Bootstrap 实现了任务的时间戳和样式美化。 5. Online Course 一个基于 Django 的在线课程平台，提供了课程分类、课程展示、购买课程、学习进度等功能，使用 Django 集成的视频播放器实现了在线学习。 6. Weather App 一个基于 Django 的天气预报应用，使用第三方 API 获取天气数据，用户可以通过输入城市名称获取当地天气情况，使用 Django 内置的缓存系统缓存天气数据，节省了 API 请求次数。 7. Recipe Book 一个基于 Django 的食谱分享应用，用户可以创建、查看、修改、删除食谱，使用 Django 内置的搜索模块实现了关键词搜索功能。 8. Music Player 一个基于 Django 的音乐播放器应用，用户可以上传音乐文件，创建歌单，播放歌曲，使用 Django 集成的音频播放器实现了在线播放。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值