分页器

分页器对象

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. CentOS7修改默认运行级别

    新装了一个虚拟机,图形界面启动太慢,想调整一下按照以前的经验改运行级别,输入: vi /etc/inittab 然后发现跟之前不一样了,在inittab设置不再生效: # inittab is no ...

  2. 【EverydaySport】健身笔记——人体肌肉分解图

    正面 背面 大肌肉群:胸.背.腿大肌肉群. 建议一周锻炼一次. 小肌肉群:肩.二头肌.三头肌.小臂.小腿.腹肌小肌肉群. 可以一周安排两次. 小腿.小臂肌群属于耐受肌群可以一周安排3次. 建议初学者就 ...

  3. linux系统下git使用

    转载:http://www.cnblogs.com/bear2flymoon/p/4335364.html?ADUIN=563508762&ADSESSION=1430887070&A ...

  4. Style2Paints:用AI技术为线稿快速上色的工具(GitHub 3310颗星)

    python 开源项目: Style2Paints:用AI技术为线稿快速上色的工具(GitHub 3310颗星) https://github.com/lllyasviel/style2paints

  5. 安全测试===黑客攻击常用cmd命令大全

    黑客常用命令大全net user heibai lovechina /add 加一个heibai的用户密码为lovechina net localgroup Administrators heibai ...

  6. 设计模式之笔记--原型模式(Prototype)

    原型模式(Prototype) 定义 原型模式(Prototype),用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. 类图 描述 提供一个克隆自身的接口--Clone方法. 应用场景 ...

  7. 12-4 NSString

    原文:http://rypress.com/tutorials/objective-c/data-types/nsstring NSString 在本教程的内容可能我们已经看到过很多次了,NSStri ...

  8. 一:Storm集群环境搭建

    第一:storm集群环境准备及部署[1]硬件环境准备--->机器数量>=3--->网卡>=1--->内存:尽可能大--->硬盘:无额外需求[2]软件环境准备---& ...

  9. angularjs 微信授权登录 微信支付

    最近做一个项目,用angular 一个单页应用,打算打包成 跨平台移动App 以及在微信里面使用.给大家一个案例 首先,熟悉一下微信授权部分的源代码,如下所示: javascript 前端代码: va ...

  10. vue小荔枝,时间控件,动态按月份增减。

    依赖框架有jq,bootstrap3.0,vue2.0; 自封装(搬运)时间控件,bootstrap-datetimepicker.资源下载:看这里 需求: 默认本地时间,相隔一个月 四个选项:1一个 ...