python-Django 增删改和分页

原文地址：https://blog.csdn.net/butterfly_onfly/article/details/54744630
很好的一篇文章，大家可以直接点击原文链接。
先看效果：
显示和分页的效果

添加的效果：

修改页面效果：

删除效果：js判断提示

这里的分页需要用到bootstrap_pagination，我这里偷懒，用到了

bootstrap_toolkit插件，可以自行下载，安装的时候，win+D

，cmd找到安装python的的文件夹，然后

pip install django-bootstrap-toolkit

Django其实就是MTV架构，mvc我们都不陌生

Django的MTV模式本质上和MVC是一样的，也是为了各组件间保持松耦合关系，只是定义上有些许不同，Django的MTV分别是值：

M 代表模型（Model）：负责业务对象和数据库的关系映射(ORM)。
T 代表模板 (Template)：负责如何把页面展示给用户(html)。
V 代表视图（View）：负责业务逻辑，并在适当时候调用Model和Template。

除了以上三层之外，还需要一个URL分发器，它的作用是将一个个URL的页面请求分发给不同的View处理，View再调用相应的Model和Template，MTV的响应模式如下所示：

1，Web服务器（中间件）收到一个http请求
2，Django在URLconf里查找对应的视图(View)函数来处理http请求
3，视图函数调用相应的数据模型来存取数据、调用相应的模板向用户展示页面
4，视图函数处理结束后返回一个http的响应给Web服务器
5，Web服务器将响应发送给客户端

这种设计模式关键的优势在于各种组件都是松耦合的。这样，每个由 Django驱动的Web应用都有着明确的目的，并且可独立更改而不影响到其它的部分。
比如，开发者更改一个应用程序中的 URL 而不用影响到这个程序底层的实现。设计师可以改变 HTML页面的样式而不用接触Python代码。
数据库管理员可以重新命名数据表并且只需更改模型，无需从一大堆文件中进行查找和替换。

落到实处，Django的MTV模式相对应的python文件如下：

好，不啰嗦了，各位看官久等了，来点硬货！

①、看下整个项目的目录：

先要配置settings.py

红框框的，bootstrap_toolkit插件需要手动添加，hgo是app项目

②、urls.py就是配置路由的地方，这里也很重要，我这是在工程里面有个默认的urls.py，在app的hgo里面添加了urls.py,如果在创建app，就可以在添加urls.py，免得都写到工程里面的urls.py，会显得臃肿，之前文件都有讲到怎么在app里面设置urls.py和工程里面的urls.py的设置，这里直接上代码：

Higo/urls.py 工程里默认的

from django.conf.urls import include, url
from django.contrib import admin
urlpatterns = [url(r'^admin/', include(admin.site.urls)),url(r'^', include('hgo.urls'))
]

Hgo/urls.py 在app项目里面自己添加的

from django.conf.urls import  url
from hgo import views
urlpatterns = [url(r'^show/$', views.hgo_list),url(r'^insert/$', views.hgo_insert,name="hgo_insert"),url(r'^del/$', views.delById,name="hgo_del"),url(r'^query/$', views.queryById,name="hgo_query"),url(r'^add/$', views.upById,name="hgo_add"),
]

③、models.py

from django.db import models
# Create your models here.
class  Stu(models.Model):name=models.CharField(max_length=50)gender=models.CharField(max_length=2)age=models.IntegerField()address=models.CharField(max_length=50)

由此可以知道我们的表的字段和类型，id是不用写出来的

④、手动添加了一个forms.py，由于要用到Django

ModelForm

from django import forms
from hgo.models import Stu
class StuFrom(forms.ModelForm):class Meta:model= Stuexclude= ("id",)

注意缩进哦！

⑤、views.py 就是我们的写逻辑的地方

#coding=utf-8
from django.shortcuts import render
from django.shortcuts import render,render_to_response
from django.http import HttpResponse,HttpResponseRedirect
from django.template.context import RequestContext
from django.views.decorators.csrf import csrf_exempt
# 添加Django自带的分页插件 paginator
from django.core.paginator import Paginator
from django.core.paginator import EmptyPage
from django.core.paginator import PageNotAnInteger#包装csrf请求，避免django认为其实跨站攻击脚本
from django.views.decorators.csrf import csrf_exempt
from .models import Stu
from Higo.forms import StuFrom
# Create your views here.
#显示所有数据,并分页
def hgo_list(request):limit = 5  # 每页显示的记录数stus=Stu.objects.all()paginator = Paginator(stus, limit)  # 实例化一个分页对象page = request.GET.get('page')  # 获取页码try:stus = paginator.page(page)  # 获取某页对应的记录except PageNotAnInteger:  # 如果页码不是个整数stus = paginator.page(1)  # 取第一页的记录except EmptyPage:  # 如果页码太大，没有相应的记录stus = paginator.page(paginator.num_pages)  # 取最后一页的记录return  render_to_response("index.html",RequestContext(request,{"lines":stus}))#添加的方法
def hgo_insert(requset):if requset.method=="POST":stu_form=StuFrom(requset.POST)if stu_form.is_valid():stu_form.save()return HttpResponseRedirect("/show/")else:return render(requset,"insert.html")#删除的方法
def delById(request):id=request.GET["id"];str=Stu.objects.get(id=id)str.delete()return  HttpResponseRedirect("/show/")#查看的方法
def queryById(request):id=request.GET["id"];if id=="":return HttpResponseRedirect("/show/")stuu=Stu.objects.get(id=id)return  render_to_response("curd.html",{"d":stuu})#修改数据的方法
@csrf_exempt
def upById(request):id=request.POST["id"];print(id)name=request.POST["name"];gender=request.POST["gender"];age=request.POST["age"];address=request.POST["address"];st=Stu()if  len(id)  > 0 :st.id=id;st.age=age;st.name=name;st.gender=gender;st.address=address;st.save()return  HttpResponseRedirect("/show/")

以上几个标红的都是很重要的！

我在app项目里面创建了两个文件夹，分别为static和

Templates，static是装js，css的地方，templates是

装静态页面的地方！页面放置到根目录，之前的文章有提及

显示和分页的页面：index.html

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}"><script src="{% static 'bootstrap/js/jquery.min.js' %}"></script><script src="{% static 'bootstrap/js/bootstrap.js' %}"></script><script type="text/javascript">$(function(){$("a:contains('删除')").click(function(){if(confirm('你确定要删除吗？')){return true;}else{return false;}});});</script><style type="text/css">.pagination {height: 40px;margin: 20px 0;
}
.pagination ul {border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);display: inline-block;margin-bottom: 0;margin-left: 0;
}
.pagination li {display: inline;
}
.pagination a, .pagination span {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #FFFFFF;border-color: #DDDDDD;border-image: none;border-style: solid;border-width: 1px 1px 1px 0;float: left;line-height: 38px;padding: 0 14px;text-decoration: none;
}
.pagination a:hover, .pagination .active a, .pagination .active span {background-color: #F5F5F5;
}
.pagination .active a, .pagination .active span {color: #999999;cursor: default;
}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {background-color: transparent;color: #999999;cursor: default;
}
.pagination li:first-child a, .pagination li:first-child span {border-left-width: 1px;border-radius: 3px 0 0 3px;
}
.pagination li:last-child a, .pagination li:last-child span {border-radius: 0 3px 3px 0;
}
.pagination-centered {text-align: center;
}
.pagination-right {text-align: right;
}</style>
</head>
<body><button class="btn btn-primary" type="button" οnclick="location.href='{% url 'hgo_insert' %}'">添加用户信息</button>{% load bootstrap_toolkit %}{% block content %}<table class="table table-striped table-bordered"><caption>用户信息</caption><thead class="table-bordered"><tr><th>姓名</th><th>性别</th><th>年龄</th><th>住址</th><th>操作</th></tr></thead><tbody class="table-bordered">{% for user in lines %}<tr class="table-bordered"><td>{{ user.name}}</td><td>{{ user.gender }}</td><td>{{ user.age}}</td><td>{{user.address }}</td><td><a href="/del?id={{user.id }}"  class="text-danger">删除</a><a href="/query/?id={{user.id }}"  class="text-primary">修改</a></td></tr>{% endfor %}</tbody></table>{% bootstrap_pagination lines url="/show?page=1" align="center" size="large" %}{% endblock %}
</body>
</html>

爽吧，这里 {%bootstrap_pagination lines url="/show?page=1"align="center"size=“large”%}

一行代码搞定分页，但是不是bootstrap的分页效果，需要在添加css，上面有独立写的css就是分页按钮的样式

添加的页面：insert.html

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head><meta charset="UTF-8"><title>添加数据</title><link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}"><script src="{% static 'bootstrap/js/jquery.min.js' %}"></script><script src="{% static 'bootstrap/js/bootstrap.js' %}"></script><style>
.col-center-block {float: none;display: block;margin-left: auto;margin-right: auto;
}
</style>
</head>
<body><div class="container"><div class="row myCenter"><div class="col-xs-6 col-md-4 col-center-block"><form role="form-horizontal" method="post" action="{% url 'hgo_insert' %}">{% csrf_token %}<div class="form-group"><label for="name">姓名：</label><div class="controls"><input type="text"  id="name" class="form-control" name="name" placeholder="请输入姓名" style="width: 300px"></div></div><div class="form-group"><label class="gender">性别：</label><label class="checkbox-inline"><input type="radio" name="gender" id="gender1" value="男" checked="checked">男</label><label class="checkbox-inline"><input type="radio" name="gender"  id="gender1" value="女">女</label></div><div class="form-group"><label for="age">年龄：</label><div class="controls"><input type="text" name="age" class="form-control"  id="age" placeholder="请输入年龄：" style="width: 300px"></div></div><div class="form-group"><label for="address">住址：</label><div class="controls"><input type="text" id="address" class="form-control"  name="address" placeholder="请输入住址：" style="width: 300px"></div></div><button class="btn btn-primary" type="submit">提交</button></form></div></div></div>
</body>
</html>这里要注意的是  {%csrf_token %}这行代码，因为是post提及，必须要写！不然会报403错误哦！修改的页面：curd.html<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head><meta charset="UTF-8"><title>修改信息</title><link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}"><script src="{% static 'bootstrap/js/jquery.min.js' %}"></script><script src="{% static 'bootstrap/js/bootstrap.js' %}"></script><script type="text/javascript">$(function(){var g=$("#hids").val();if(g=="男"){$("#gender1").attr("checked",true);}else{$("#gender2").attr("checked",true);}})</script>
</head>
<body>
<div class="container">
<form action="{% url 'hgo_add' %}" method="post" role="form">{% csrf_token %}<input type="hidden" name="id"  value="{{ d.id }}" ><br/><div class="form-group"><label class="control-label">姓名:  </label><input class="form-control" type="text" name="name" value="{{ d.name  }}"/></div><div class="form-group"><label class="control-label">年龄:  </label><input class="form-control" type="text" name="age" value="{{ d.age }}"/></div><input type="hidden" id="hids"  value="{{ d.gender }}" ><br/><div class="form-group"><label class="gender">性别：</label><label class="checkbox-inline"><input type="radio" name="gender" id="gender1" value="男" checked="checked">男</label><label class="checkbox-inline"><input type="radio" name="gender"  id="gender2" value="女">女</label></div><div class="form-group"><label class="control-label">住址:  </label><input class="form-control" type="text" name="address" value="{{ d.address }}"/></div><input type="submit" value="保存" class="btn btn-default "/>
</form>
</div>
</body>
</html>

可能大家也注意到一点，就是我这里用到了两个隐藏域，一般来说不建议使用，第一个隐藏域是绑定id的，另一个是绑定接收的性别的，然后在通过Jquery来实现单选按钮的选中！
————————————————

原文链接：https://blog.csdn.net/butterfly_onfly/article/details/54744630

python-Django 增删改和分页相关推荐

python diango 增删改查_python中关于django对数据库Mysql的增删改查操作详解
下面小编就为大家带来一篇python django 增删改查操作数据库Mysql.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧下面介绍一下django增删改查操作: ...
servlet增删改查实例_SpringMVC4+MyBatis3+SQLServer 2014 整合（包括增删改查分页）
前言说起整合自然离不开ssm,我本身并不太喜欢ORM,尤其是MyBatis,把SQL语句写在xml里,尤其是大SQL,可读性不高,出错也不容易排查. 开发环境 idea2016.SpringMVC4 ...
真正的mybatiesPlus一键生成模板(根据对象增删改查分页的controller完善)详
代码都将上传至git 仓库地址转载请注明出处 https://blog.csdn.net/lioncatch/article/details/114395105 第一步创建一个数据库加一张表(表注 ...
springboot+mybatisplus+postgis实现几何点和线串增删改查分页
postgis类型介绍对象分类描述 POINT 点 MULTIPOINT 多点 LINESTRING 线 LINEARRING 线环 MULTILINESTRING 点串 POLYGON 面 MU ...
SSM：实现用户信息的增删改和分页展示
maven项目:实现用户信息的增删改和分页展示接着上一篇博客项目的基础上开始在page目录下,创建failer.jsp,当用户登录失败后,进入failer.jsp提示用户登录失败 <%@ p ...
复习JavaWeb的小项目书籍信息的增删改查分页功能实现Java面试题Session和Cookie的基础概念生活【记录一个咸鱼大学生三个月的奋进生活】034
记录一个咸鱼大学生三个月的奋进生活034 JavaWeb的增删改查分页功能实现前期准备工作(数据库连接类和实体类) 数据库建立数据库连接类(DBManager) 书籍信息的实体类(Book) 操作 ...
Spring Boot整合Mybatis-Plus 增删改查+ 分页基本使用完整示例
写在前面 MyBatis的增强方案确实有不少,甚至有种感觉是现在如果只用 "裸MyBatis",不来点增强插件都不好意思了.这不,在上一篇文章<Spring Boot项目利用 ...
Spring Boot 学习[四] web项目实战训练(增删改查,分页,排序)
Spring boot非常适合Web应用程序开发.您可以轻松创建自包含的HTTP应用.web服务器采用嵌入式Tomcat,或者Jetty等. 几点说明: Spring boot开发web项目,通常打成 ...
MyBatisPlus：实现DAO的增删改查分页+属性设置，代码生成器（代码模板）
1,MyBatisPlus入门案例与简介这一节我们来学习下MyBatisPlus的入门案例与简介,这个和其他课程都不太一样,其他的课程都是先介绍概念,然后再写入门案例.而对于MyBatisPlus的 ...
python列表增删改查_Python列表List增删改查、拷贝
列表的介绍一.什么是列表列表是可以存储不同类型数据的有序.可变的存储容器. 二.列表的格式定义列的格式: [元素1,元素2,元素3,...,元素n] 定义变量名为arr的列表 arr=[1,'你 ...

python-Django 增删改和分页

python-Django 增删改和分页相关推荐

最新文章

热门文章