首页 > 其他分享 >flaks 分页案例展示

flaks 分页案例展示

时间:2024-10-15 11:34:17浏览次数:1  
标签:分页 一页 else 案例 endif flaks page 页面

html 页面代码 

  paginate 是路由  

  page 显示当前页面数据 ,  

  per_page 当前页面显示几条数据

<ul class="pagination">
  {# 上一页代码 #}  
  <li class="page-item">
  {% if p.has_prev %} // 判断是否有上一页
    <a class="page-link" href="/paginate/?page={{ p.prev num }}&per page=3" aria-label="previous"> // 有就执行
  {% else %}
    <a class="page-link" href="javascript:," aria-label="Previous"> // 没有就不执行
  {% endif %}
    <span aria-hidden="true">&laquo;</span> // 上一页的符号
  </a>
  </li>
  
  {# 中间循环体 #}   {% for i in range(p.pages)%}     {% if p.page ==i+1%}       <li class="page-item active">     {% else %}       <li class="page-item">   {% endif %}     <a class="page-link" href="/paginate/?page={{ i + 1 }}&per_page=3">{{ i + 1 }}</a>   </li>   {% endfor %}
  
  {# 下一页 #}
  <li class="page-item">
  {% if p.has next %} // 判断有下一个
    <a class="page-link" href="/paginate/?page={{ p.next num }}&per page=3"> // 有执行
  {% else %}
    <a class="page-link" href="javascript:;" aria-label="Previous"> // 没有不执行
  {% endif %}
    <span aria-hidden="true">&raquo;</span> // 下一页图标
  </a>
  </li>
  
  
</u1>

 

标签:分页,一页,else,案例,endif,flaks,page,页面
From: https://www.cnblogs.com/longly1111/p/18467069

相关文章

  • 【机器学习(十一)】糖尿病数据集分类预测案例分析—XGBoost分类算法—Sentosa_DSML社
    @目录一、XGBoost算法二、Python代码和Sentosa_DSML社区版算法实现对比(一)数据读入和统计分析(二)数据预处理(三)模型训练与评估(四)模型可视化三、总结一、XGBoost算法  关于集成学习中的XGBoost算法原理,已经进行了介绍与总结,相关内容可参考【机器学习(一)】分类和回归任务......
  • 【机器学习(十三)】机器学习回归案例之股票价格预测分析—Sentosa_DSML社区版
    @目录一、背景描述二、Python代码和Sentosa_DSML社区版算法实现对比(一)数据读入(二)特征工程(三)样本分区(四)模型训练和评估(五)模型可视化三、总结一、背景描述  股票价格是一种不稳定的时间序列,受多种因素的影响。影响股市的外部因素很多,主要有经济因素、政治因素......
  • 【机器学习(十二)】机器学习回归案例之二手汽车价格预测—XGBoost回归算法—Sentosa_D
    @目录一、算法和背景介绍二、Python代码和Sentosa_DSML社区版算法实现对比(一)数据读入与统计分析(二)数据处理(三)特征选择与相关性分析(四)样本分区与模型训练(五)模型评估和模型可视化三、总结一、算法和背景介绍  关于XGBoost的算法原理,已经进行了介绍与总结,相关内容......
  • xpath案例-豆瓣top250电影
    需求:需求:爬取电影名称、评分、引言、详情页的url,翻页爬取1-10页。代码:importrequestsfromlxmlimportetree'''url分析:第一页:https://movie.douban.com/top250第二页:https://movie.douban.com/top250?start=25&filter=第三页:https://movie.douban.com/top250......
  • JavaScript网页设计案例
    在当今的网页设计领域,JavaScript扮演着越来越重要的角色。它不仅能增强网页的交互性,还能创造出令人惊叹的视觉效果。本文将介绍5个创新的JavaScript网页设计案例,并深入探讨它们的实现技巧。这些案例不仅能为你的下一个项目提供灵感,还能帮助你掌握一些高级的JavaScript技术......
  • 【油猴脚本】00027 案例 Tampermonkey油猴脚本, 仅用于学习,不要乱搞。添加标题为网页数
    前言:哈喽,大家好,今天给大家分享一篇文章!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦......
  • Javaweb之SpringBootWeb案例之 登录功能的详细解析
     1.登录功能1.1需求编辑在登录界面中,我们可以输入用户的用户名以及密码,然后点击"登录"按钮就要请求服务器,服务端判断用户输入的用户名或者密码是否正确。如果正确,则返回成功结果,前端跳转至系统首页面。1.2接口文档我们参照接口文档来开发登录功能基本信息请求路径:/login请......
  • [C++ 核心编程]笔记 4.1.4 类和对象 - 案例1
    类和对象:案例1:设计立方体类(Cube)求出立方体的面积和体积分别用全局函数和成员函数判断两个立方体是否相等。设计方法:创建立方体类设计属性设计行为求立方体面积和体积分别用全局和成员函数判断立方体是否相等#include<iostream>usingnamespacestd;clas......
  • 【python爬虫案例】利用python爬取豆瓣音乐评分TOP250的排行数据!
    一、爬取案例-豆瓣音乐TOP250之前给大家分享了2个豆瓣的python爬虫案例:【python爬虫案例】利用python爬虫爬取豆瓣电影评分TOP250排行数据!【python爬虫案例】利用python爬虫爬取豆瓣读书评分TOP250的排行数据! 今天再给大家分享一下:豆瓣音乐排行榜TOP250的python爬虫案例!爬......
  • mybatis分页查询,总数是对的,数据有重复
    mybatis分页查询,总数是对的,数据有重复在使用MyBatis查询数据时,ORDERBY子句的使用会直接影响到查询结果的顺序。虽然在某些情况下,数据库返回的记录顺序可能看起来是相同的,但实际上没有使用ORDERBY时,返回的顺序是不可预测的,这取决于数据库的内部实现和数据存储的方式。可......