分页器

分页器对象

from django.core.paginator import Paginator
Paginator对象: paginator = Paginator(user_list, 10)
per_page: 每页显示条目数量
count: 数据总个数
num_pages:总页数
page_range:总页数的索引范围,如: (1,10),(1,200)
page: page对象

page对象

page对象:page=paginator.page(页码)  生成page对象,传页码,会生成对应页码数据
has_next 是否有下一页
next_page_number 下一页页码
has_previous 是否有上一页
previous_page_number 上一页页码
object_list 分页之后的数据列表
number 当前页
paginator paginator对象

views中

def page_text(request):
book_list = Books.objects.all()
paginator = Paginator(book_list, 5)
try:
current_page = int(request.GET.get('page', 1))
page = paginator.page(current_page)
except Exception:
current_page = 1
page = paginator.page(current_page)
if paginator.num_pages < 12:
page_list = paginator.page_range
else:
if current_page < 6:
page_list = range(1, 12)
elif current_page > paginator.num_pages - 5:
page_list = range(paginator.num_pages - 10, paginator.num_pages + 1)
else:
page_list = range(current_page - 5, current_page + 6)
return render(request, 'page_text.html',locals())

html中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/page_text.css">
<title>page_text</title>
</head>
<body>
<div class="container">
<ul class="page_info">
{% for book in page %}
<li><span>书名:{{ book.name }}</span> <span>信息:{{ book.info }}</span></li>
{% endfor %}
</ul> <nav aria-label="Page navigation">
<ul class="pagination">
<li> {% if page.has_previous %}
<a href="?page={{ page.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true">上一页</span>
{% else %}
<span aria-hidden="true">上一页</span>
{% endif %} </a>
</li>
{% for page in page_list %}
{% if current_page == page %}
<li class="active"><a href="/page_text/?page={{ page }}">{{ page }}</a></li>
{% else %}
<li><a href="/page_text/?page={{ page }}">{{ page }}</a></li>
{% endif %} {% endfor %}
<li>
{% if page.has_next %}
<a href="?page={{ page.next_page_number }}" aria-label="Previous"></a>
<span aria-hidden="true">下一页</span>
{% else %}
<span aria-hidden="true">下一页</span>
{% endif %}
</li>
</ul>
</nav>
</div> </body>
</html>

form组件

模板层

class UserInfo(models.Model):
name=models.CharField(max_length=32)
pwd=models.CharField(max_length=32)
email=models.EmailField(

views层

from django import forms
from django.forms import widgets from django.core.exceptions import ValidationError class RegForm(forms.Form):
name = forms.CharField(required=True, max_length=10, min_length=1, label='用户名', error_messages=
{'required': '该字段必填', 'max_length': '太长了', 'min_length': '太短了'},
widget=widgets.TextInput(attrs={'class': 'form-control error'}))
pwd = forms.CharField(required=True, max_length=10, min_length=1, label='密码', error_messages=
{'required': '该字段必填', 'max_length': '太长了', 'min_length': '太短了'},
widget=widgets.PasswordInput(attrs={'class': 'form-control error'}))
re_pwd = forms.CharField(required=True, max_length=10, min_length=1, label='确认密码', error_messages=
{'required': '该字段必填', 'max_length': '太长了', 'min_length': '太短了'},
widget=widgets.PasswordInput(attrs={'class': 'form-control error'}))
email = forms.EmailField(required=True, label='邮箱', error_messages=
{'required': '该字段必填', 'invalid': '不符合邮箱格式'},
widget=widgets.PasswordInput(attrs={'class': 'form-control error'})) def clean_name(self): # 局部钩子(多了一个我自己写校验规则的方式)
name = self.cleaned_data.get('name')
user = UserInfo.objects.filter(name=name).first()
if user:
raise ValidationError('用户已经存在')
else:
if name.startswith('sb'):
raise ValidationError('不能以sb开头')
return name def clean(self): # 全局钩子
pwd = self.cleaned_data.get('pwd')
re_pwd = self.cleaned_data.get('re_pwd')
if pwd and re_pwd:
if pwd == re_pwd:
return self.cleaned_data
else:
raise ValidationError('两次密码不一致') def form_test(request):
form_obj = RegForm()
# from类里没有的字段,不会做校验,而且,一旦校验通过,cleaned_data 里面也没有这个字段
if request.method == 'POST':
form_obj = RegForm(request.POST)
if form_obj.is_valid(): # is_valid 返回一个布尔类型,true代表,里面所有字段,都校验通过
UserInfo.objects.create(**form_obj.cleaned_data) # cleaned_data 校验通过的字段,放在里面
# return HttpResponse('ok') else:
print(form_obj.errors.as_data())
errors = form_obj.errors.get('__all__', '')
# print(form_obj['name'].errors)
# return HttpResponse('失败') return render(request, 'forms_test.html', locals())

html中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3"> <form action="" method="post">
<p>用户名:<input type="text" name="name" class="form-control" aa="ddd"></p>
<p>密码:<input type="password" name="pwd" class="form-control"></p>
<p>确认密码:<input type="password" name="re_pwd" class="form-control"></p>
<p>邮箱<input type="text" name="email" class="form-control"></p>
<input type="submit">
</form> <h3>方法一</h3> <form action="" method="post" novalidate> # novalidate代表不使用前端验证
<p>{{ form_obj.name.label }}:{{ form_obj.name }} <span
class="danger">{{ form_obj.name.errors.0 }}</span></p>
<p>{{ form_obj.pwd.label }}:{{ form_obj.pwd }} <span class="danger">{{ form_obj.pwd.errors.0 }}</span>
</p>
<p>{{ form_obj.re_pwd.label }}:{{ form_obj.re_pwd }} <span
class="danger">{{ form_obj.re_pwd.errors.0 }}{{ errors }}</span></p>
<p>{{ form_obj.email.label }}:{{ form_obj.email }} <span
class="danger">{{ form_obj.email.errors.0 }}</span></p>
<input type="submit">
</form> <h3>方法二</h3> <form action="" method="post" novalidate>
{% for foo in form_obj %}
<p>{{ foo.label }}:{{ foo }}<span class="danger">{{ foo.errors.0 }}</span></p>
{% endfor %}
{{ errors }}
<input type="submit">
</form> <h3>方法三</h3>
<form action="" method="post" novalidate>
{{ form_obj.as_p }}
<input type="submit">
</form>
</div>
</div>
</div> </body>
</html>

分页器与form表单的更多相关文章

  1. Django--分页器(paginator)、Django的用户认证、Django的FORM表单

    分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...

  2. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  3. Form 表单提交参数

    今天因为要额外提交参数数组性的参数给form传到后台而苦恼了半天,结果发现,只需要在form表单对应的字段html空间中定义name = 后台参数名 的属性就ok了. 后台本来是只有模型参数的,但是后 ...

  4. form表单 ----在路上(15)

    form 表单就是将用户的信息提交到服务器,服务器会将信息存储活着根据信息查询数据进行增删改查,再将其返回给用户. 基本格式: <form action="" method ...

  5. form表单的字符串进行utf-8编码

    <form>表单有assept-charset属性.该属性规定字符的编码方式,默认是"unknown",与文档的字符集相同. 该属性除了Internet explore ...

  6. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  7. 通过form表单的形式下载文件。

    在项目中遇到问题,要求动态拼接uri下载文件.但是由于项目的安全拦截导致window.location.href 和 window.open等新建窗口的方法都不行. 无意间百度到了通过form表单来下 ...

  8. form 表单跨域提交

    <!DOCTYPE html><html> <head> <title>form 表单上传文件</title> <script src ...

  9. form表单的属性标签

    form表单的常用标签 表单: <form id="" name="" method="post/get" action=" ...

随机推荐

  1. Android控件——监听按钮的点击事件

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAroAAAFTCAIAAABZPDiZAAAgAElEQVR4nOy9918UWfb///1jdu2uBs

  2. 【Eclipse】Eclipse中修改项目的映射名称与端口

    1.正常部署(映射的名字为项目名字,端口为8080)

  3. TCP之Nagle算法&&延迟ACK

    1. Nagle算法: 是为了减少广域网的小分组数目,从而减小网络拥塞的出现: 该算法要求一个tcp连接上最多只能有一个未被确认的未完成的小分组,在该分组ack到达之前不能发送其他的小分组,tcp需要 ...

  4. Git 常用命令速查表(图文+表格)【转】

    转自:http://www.jb51.net/article/55442.htm 一. Git 常用命令速查 git branch 查看本地所有分支git status 查看当前状态 git comm ...

  5. eComStation 1.2

    https://thomas0008.ctfile.com/u/75519/87485 https://thomas0008.ctfile.com/downhtml/75519/428846/1508 ...

  6. An unhandled exception of type 'System.TypeInitializationException' occurred in System.ServiceModel.dll

    异常“ An unhandled exception of type 'System.TypeInitializationException' occurred in System.ServiceMo ...

  7. MariaDB 复合语句和优化套路

    测试环境准备 本文主要围绕的对象是mariadb 高级语法,  索引优化,  基础sql语句调优. 下面那就开始搭建本次测试的大环境. 首先下载mariadb开发环境, 并F5 run起来. 具体参照 ...

  8. node.js2

    同步是指:同步阻塞操作,异步是指:异步非阻塞操作. 第一部分:fs模块 1.引入fs模块 require('fs'); 2.写文件 01.异步写:writeFile fs.writeFile(path ...

  9. Aspxgridview 根据条件来自定义计算Totalsummery

    protected void ASPxGridView1_CustomSummaryCalculate(object sender, DevExpress.Data.CustomSummaryEven ...

  10. linux下运行jmeter脚本

    1. win下生成测试计划   2. 上传至linux下 3.运行测试计划   sh jmeter.sh -n -t second_login.jmx -l res.jtl 错误1: solution ...