views代码:

from django.shortcuts import render

from django.conf import settings

from booktest.models import PicTest,AreaInfo

from django.http import HttpResponse

from django.core.paginator import Paginator

# Create your views here.

# show_upload

def show_upload(request):

    '''显示上传图片页面'''

    return render(request,'booktest/upload_pic.html')

def upload_handle(request):

    '''上传图片处理'''

    pic = request.FILES['pic']

    save_path = '%s/booktest/%s'%(settings.MEDIA_ROOT, pic.name)

    with open(save_path,'wb') as f:

        for content in pic.chunks():

            f.write(content)

    PicTest.objects.create(goods_pic='booktest/%s'%pic.name)

    return  HttpResponse('ok')

# /show_area

def show_area(request,pindex):

    '''分页'''

    areas = AreaInfo.objects.filter(aParent__isnull=True)

    paginator = Paginator(areas,10)

    print(paginator.num_pages)

    print(paginator.page_range)

    if pindex == '':

        # 默认取第一也的内容

        pindex = 1

    else:

        pindex = int(pindex)

    page = paginator.page(pindex)

    return render(request, 'booktest/show_area.html', {'page':page})

templates代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>分页</title>

</head>

<body>

<ul>

    {% for area in page.object_list %}

        <li>{{ area.atitle }}</li>

    {% endfor %}

</ul>

{% if page.has_previous %}

    <a href="/show_area{{ page.previous_page_number }}">

    &lt;上一页

    </a>

{% endif %}

{% for foo in page.paginator.page_range %}

    {% if foo == page.number %}

        {{ foo }}

    {% else %}

        <a href="/show_area{{ foo }}">{{ foo }}</a>

    {% endif %}

{% endfor %}

{% if page.has_next %}

    <a href="/show_area{{ page.next_page_number }}">下一页&gt;</a>

{% endif %}

</body>

</html>

利用Django做一个简单的分页页面的更多相关文章

  1. tkinter做一个简单的登陆页面

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  2. tkinter做一个简单的登陆页面（十六）

    做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x3 ...

  3. 利用jmeter做一个简单的性能测试并进行参数化设置

    1.新增一个线程组,并在下面添加基本原件,包括:监听器.http请求默认值和一个事务控制器 在http请求默认值中填写 ip 地址和端口号,协议类型默认为http 2.添加代理服务器,以便之后进行录制 ...

  4. vue-cli3和element做一个简单的登陆页面

    1.先用vue-cli3创建一个项目 2.安装element模块 全局安装 npm i element-ui -S 3在main.js引入模块 import ElementUI from 'eleme ...

  5. asp.net mvc4+mysql做一个简单分页组件（部分视图）

    在开始做mysql分页功能组件前,便设定的是要有一定可复用性.先在项目里Views文件夹下右键新建名为_PaginationComponent.cshtml,这里html及css我采用的bootstr ...

  6. HTTP lab01 做一个简单的测试用 web页面

      做一个简单的测试用 web页面     1.安装httpd服务   yum install httpd   安装完httpd服务后,系统就自动生成了/var/www/html目录     创建一个 ...

  7. 用EF DataBase First做一个简单的MVC3报名页面

    使用EF DataBase First做一个简单的MVC3报名网站 ORM(Object Relational Mapping)是面向对象语言中的一种数据访问技术,在ASP.NET中,可以通过ADO. ...

  8. Asp.NetMVC利用LigerUI搭建一个简单的后台管理详解（函登录验证）

    上一篇 Asp.Net 中Grid详解两种方法使用LigerUI加载数据库数据填充数据分页  了解了LigerUI 中Grid的基本用法  现在结合上一篇的内容做一个简单的后台管理,当然也有前台的页面 ...

  9. 程序猿修仙之路--数据结构之你是否真的懂数组？ c#socket TCP同步网络通信 用lambda表达式树替代反射 ASP.NET MVC如何做一个简单的非法登录拦截

    程序猿修仙之路--数据结构之你是否真的懂数组?   数据结构 但凡IT江湖侠士,算法与数据结构为必修之课.早有前辈已经明确指出:程序=算法+数据结构  .要想在之后的江湖历练中通关,数据结构必不可少. ...

随机推荐

  1. 前端之css笔记3

    一 display属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  2. 661. Image Smoother

    static int wing=[]() { std::ios::sync_with_stdio(false); cin.tie(NULL); ; }(); class Solution { publ ...

  3. 服务器的日志一直报Packet for query is too large (7632997 > 4194304). You can change this value on the server by setting the max_allowed_packet' variable.的解决方法

    服务器的日志一直报Packet for query is too large (7632997 > 4194304). You can change this value on the serv ...

  4. [GO]kafka的生产者和消费者

    生产者: package main import ( "github.com/Shopify/sarama" "fmt" "time" ) ...

  5. iso搭建本地源

    1.挂载iso mount -o loop /root/test.iso /mnt/iso 2.新建repo [local] name=local baseurl=file:///mnt/iso/ e ...

  6. 命令行生成war包

    1.找到自己的代码位置 2.进入cmd界面 3.进入对应的目录 4.执行命令 5.就会开始自动打包 6.在文件夹下生成对应的war包

  7. mysql中要根据某个逗号分割的字符串关联查询另一张表的数据

    首先观察下面的查询 select * from company where f_id in ('210','205','208') select * from company where f_id i ...

  8. （能被11整除的数的特征）The shortest problem --hdu

    链接: http://acm.hdu.edu.cn/contests/contest_showproblem.php?pid=1005&cid=595 若一个整数的个位数字截去,再从余下的数中 ...

  9. HDU1372 Knight Moves（BFS） 2016-07-24 14:50 69人阅读 评论(0) 收藏

    Knight Moves Problem Description A friend of you is doing research on the Traveling Knight Problem ( ...

  10. Android-AndroidManifest.xml默认启动的Activity(探索篇01)

    AndroidManifest.xml-->默认启动  MusicBrowserActivity <activity android:name=".MusicBrowserAct ...