分页操作使用

最新推荐文章于 2022-06-18 19:16:36 发布
最新推荐文章于 2022-06-18 19:16:36 发布
阅读量153 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/zuichuyouren/p/11094670.html
版权
  1. 导入分页模块

try:

  page = int(request.args.get(‘p’,1))

except:

page=1

page_count = 10

userpag = User.query.paginate(page,page_count,False)

userlist = userpag.items     #一共多少条

total_page = userpag.pages  #当前有多少页

current_page = userpag.page    #当前多少页

 

  1. 页面用jquery

 

<link rel="stylesheet" href="/static/sadmin/css/jquery.pagination.css">

    <script type="text/javascript" src="/static/sadmin/js/jquery-1.12.4.min.js"></script>

    <script type="text/javascript" src="/static/sadmin/js/jquery.pagination.min.js"></script>

 

 

$("#pagination").pagination({

                    currentPage: {{current_page}},

                    totalPage: {{total_page}},

                    callback: function(current) {

                        var keyword = $(".input_txt").val()

                        window.location.href="/sadmin/goodslist/?p="+current+"&keyword="+keyword

                    }

                });

 

 

@web_blue.route('/fenye')
def hellw():
    PER_PAGE = 10
    total = Fen.query.count()
    print(total)
    page = request.args.get(get_page_parameter(),type=int,default=1)
    start = (page-1)*PER_PAGE
    end = start + PER_PAGE
    pagination = Pagination(bs_version=3,page=page,total=total)
    articles = Fen.query.slice(start,end)
    context = {
        'pagination':pagination,
        'articles':articles
    }
    return render_template('index.html',**context)

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% for a in articles %}
    <ul>
        <li>{{ a.name }}</li>
    </ul>
{% endfor %}
{{ pagination.links }}

展详

@web_blue.route('/webgood',methods=['post','get'])

def webgood():

try:

id = int(request.args.get('id'))

except:

id = 0

good = ''

if id >0:

good = Good.query.filter(Good.id == id).first()

cate = Cate.query.all()

return render_template("web/webgood.html",cate=cate,good=good)

展首展首

转载于:https://www.cnblogs.com/zuichuyouren/p/11094670.html

你狗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flask-paginate分页技术的使用
weixin_42927647的博客
04-08 2829
pagination的安装 pip install flask-paginate 使用 导入 from flask_paginate import Pagination, get_page_parameter Pagination: 类函数 get_page_parameter: 获取当前翻页的参数 在视图函数定义方法 pagination = Pagination('参数') pa...
Flask-paginate基本分页
xiao-啸
08-15 2074
Flask-paginate—实现分页 安装包 pip install flask-paginate 后端代码 from flask_paginate import Pagination, get_page_parameter from ..models import BannerModel, BoardModel, PostModel @bp.route("/") def inde...
Bootstrap系列之分页（Pagination）
老__L的博客
06-18 8978
我们让分页（pagination）占据了一大块区域来放置相互关联的链接，这让链接更醒目并且易于扩充，除了这些好处，还为链接提供了较大的点击区域。分页（Pagination）是利用 HTML 的列表元素构建的，因此屏幕阅读器可以识别并读出链接的数量。并且列表元素外面还用元素进行了包裹，以便让屏幕阅读器和其他辅助技术能够将其识别为导航区域。此外，由于页面上可能会有多个这样的导航区域，因此建议为设置一个用于描述其用途的aria-label属性。
django基础知识之分页:
weixin_30598225的博客
06-10 220
分页 Django提供了一些类实现管理数据分页，这些类位于django/core/paginator.py中 Paginator对象 Paginator(列表,int)：返回分页对象，参数为列表数据，每面数据的条数 属性 count：对象总数 num_pages：页面总数 page_range：页码列表，从1开始，例如[1, 2, 3, 4] ...
使用wordpress分页函数paginate_links
weixin_33915554的博客
04-23 581
在做wordpress的开发时，需要用到wordpress的分页函数，网上很多人抱怨wordpress没有自带的分页函数，都是自己重新定义的分页函数,今天介绍一个wordpress自带的分页函数paginate_links，函数的参数如下：<?php $args = array( 'base' => '%_%', 'form...
操作系统请求分页.pptx
11-14
"操作系统请求分页" 操作系统请求分页是指操作系统中的一种内存管理机制，它允许作业在不全部装入内存的情况下开始运行，当作业需要访问的页面不在内存时，操作系统就会从辅存中将其调入内存，从而实现了虚拟存储器...
angular分页指令操作
12-29
目前的多个项目中都用到分页这个功能，为了提高可复用性，我特地分离出来写了个分页的指令。直接贴代码，详情如下： index.html <body id=sBill ng-controller=map_ctrl> <td><input type=radio n
分页操作
03-30
在IT行业中，分页操作是数据管理中一个非常常见的需求，特别是在处理大量数据时，为了提高用户体验和系统性能。分页允许用户逐步查看结果，而不是一次性加载所有数据，这尤其适用于网页、数据库查询和大数据分析场景...
PageManagement_操作系统分页管理模拟_
10-02
操作系统中的分页管理是内存管理的一种重要方式，它将连续的虚拟地址空间划分为固定大小的页，同时在物理内存中分配相应的页框来存储这些页。本项目通过C++编程语言模拟了这一过程，旨在帮助理解分页管理机制的工作...
Django分页操作
07-23
Django扩展分页，详细介绍了多种分页操作，简单实用。
jquery.pagination.js 分页扩展首页，尾页及输入框功能
07-17
jquery.pagination.js，扩展首页,尾页，及输入框，及输入框带有回车事件。
ember-pagination-links：适用于ember应用程序的简单分页链接
02-04
余烬分页链接 用于余烬应用程序的简单分页链接。 这个Ember插件基于给定的一次显示的页码数量和最终页面的数量，创建了一组简单的分页样式链接。 它包括用于移动到下一页和上一页，以及可选地也移动到第一页和最后一页的导航箭头。 当用户单击页码时，该值将传递给您提供的操作。 pagination-links组件不管理要在每个页面上显示的数据。 它独立于任何数据存储或获取策略。 您告诉组件您希望用户能够访问多少页，然后组件会在用户每次单击新的页码时告诉您。 然后由您自己决定如何显示新页面，以及应显示哪些型号或其他信息。 例子 默认外观 风格化 安装 在您的Ember项目中安装插件： ember
sqlalchemy文档--查询-定义表
ZHH_Love123的博客
03-08 728
一、添加对象 1、ed_user = User(name='ed', fullname='Ed Jones', password='edspassword') session.add(ed_user) session.commit() 2、回滚 session.rollback() 二、查询 1、查询 query.filter(User.name == 'ed') #equals query.filter(User.name != 'ed') #not equals query.filte
Python Flask，数据库，SQLAlchemy，数据库查询，分页，分页查询paginate
houyanhua1的专栏
01-01 8438
数据库的增、删、改通过 db.session 的会话对象，数据库的查询一般通过 模型类名.query() （也可以通过session会话查询）   demo.py（数据库查询）： import User # 导入模型类 # 通过query查询 # 查询所有。 (User是模型类名) user_list = User.query.all() # 返回列表 # 查询第一个 user1...
CSS Pagination Links
weixin_30736301的博客
08-01 153
CSS Pagination Links Author: Dynamic Drive Updated: Aug 30th, 07. Fixed issue in IE7 where select links appear too close together. Inspired by the pagination interface you see at the footer of Di...
pagination分页插件与templates模板插件的使用
cgs的博客
10-29 3272
需求： 有一个已经做好的静态html网页，需要做一个后台发布系统发布到数据库，再从数据库中取数据到前台展示。 其中，分页遇到了问题，通过pagination传递page页数给分页存储过程，后台做好控制显示几条数据（json格式）返回到前台，再用templates模板进行绑定。 ${times}${title} //获取后台c
Jquery.Pagination分页插件的学习
小橙子的博客
06-26 5795
编程小白，文章中出现的谬误希望大神指点 工作接到一个任务，需要把现在pagination的样式修改成前端给的样式，当时心慌慌，幸好pagination的源码不太多，参考了一下网上的讲解代码，把学习过程中遇到的问题和对pagination的理解记录下来。 先看最终效果 直接上代码 /** * This jQuery plugin displays pagination li
springboot 使用分页插件操作步骤
最新发布
05-14
使用Spring Boot进行分页插件的操作步骤如下： 1. 添加MyBatis分页插件依赖：在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.10</version> </dependency> ``` 2. 配置分页插件：在application.properties文件中添加以下配置： ``` # 分页插件配置 pagehelper.helperDialect=mysql pagehelper.reasonable=true pagehelper.supportMethodsArguments=true pagehelper.params=count=countSql ``` 3. 在Mapper接口中定义查询方法：在Mapper接口中定义查询方法，使用PageHelper.startPage()方法来开启分页功能，并返回查询结果。 ``` public interface UserMapper { List<User> selectAllUser(); } ``` 4. 在Service层调用查询方法：在Service层调用Mapper接口中定义的查询方法，得到查询结果。 ``` @Service public class UserServiceImpl implements UserService { @Autowired private UserMapper userMapper; @Override public PageInfo<User> selectAllUser(int pageNum, int pageSize) { // 开始分页 PageHelper.startPage(pageNum, pageSize); List<User> userList = userMapper.selectAllUser(); PageInfo<User> pageInfo = new PageInfo<>(userList); return pageInfo; } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值