mako模板+django+分页

遇到的问题:我看网上html页面大家通过page2.next_page_number和page2.preivous_page_number获取上一页和下一页的页码,而我在mako页面获取到的是一串很长的字符串,而不是需要的页码数,我的解决方案是通过后端传过来上一页和下一页的页码。

1.网上我找到的大多数是针对html页面来写的基于django框架的分页,我对着网上的针对自己的情况进行了修改。

2.首先看一下后端代码,别看这么多,其实起作用的就4句话,我都打了注解。

def modelmanager(request):     apps = appmanager.get_apps_dict(request.user)     models = model.objects.all() #查询所有数据     paginator = Paginator(models, 10)  # 每页显示10条纪录     page = request.GET.get('page')  # 获取客户端请求传来的页码     next=''     pre=''     try:         customer_list = paginator.page(page)  # 返回用户请求的页码对象         if customer_list.has_next():             next=customer_list.next_page_number()         else:             next=customer_list.number         if customer_list.has_previous():             pre=customer_list.previous_page_number()         else:             pre='1'     except PageNotAnInteger:         customer_list = paginator.page(1)  # 如果请求中的page不是数字,也就是为空的情况下     except EmptyPage:         customer_list = paginator.page(paginator.num_pages)  # 如果请求的页码数超出paginator.page_range(),则返回paginator页码对象的最后一页     return render('modelmanager.mako', request, {         'models': customer_list,         'date': datetime.datetime.now(),         'apps': apps,         'is_embeddable': request.GET.get('is_embeddable', False),         'pre':pre,         'next':next,     })

3.分页的写法,这是在mako模板中的写法。

<div class="pagination">     <nav>         <ul class="pagination">             % if models.has_previous:                 <li ><a href="?page=${pre}" aria-label="Previous"><span                         aria-hidden="true">&laquo;</span></a></li>             % endif             % for page_num in models.paginator.page_range:                 % if page_num == models.number:                     <li class="active"><a href="?page=${page_num}">${page_num}<span class="sr-only">(current)</span></a>                     </li>                 % else:                     <li ><a href="?page=${page_num}">${page_num}<span class="sr-only">(current)</span></a></li>                 % endif             % endfor             % if models.has_next:                 <li ><a href="?page=${next}" aria-label="Next"><span aria-hidden="true">&raquo;</span></a>                 </li>             % endif         </ul>     </nav> </div>

4.数据的展示,这个通过foreach将数据展示出来就可以。

<div style="width:100%">     <table id="models_manager" class="table table-striped table-bordered table-condensed" style="width:100%;table-layout:fixed;">         <thead>         <tr>             <th class="width1">序号</th>             <th class="width2">名称</th>             <th class="width3">类型</th>             <th class="width1">所有者</th>             <th class="width2">日期</th>             <th class="width3">训练集</th>             <th class="width3">模型路径</th>             <th class="width3">训练参数</th>             <th class="width3">评估表名</th>             <th class="width3">操作</th>         </tr>         </thead>         <tbody>             % for model in models:                 <tr>                     <td id="${model.id}" name="id" >${model.id}</td>                     <td id="${model.m_name}" name="m_name" data-toggle="tooltip" data-placement="bottom" title="${model.m_name}">${model.m_name}</td>                     <td id="${model.m_type}" name="m_type" data-toggle="tooltip" data-placement="bottom" title="${model.m_type}">${model.m_type}</td>                     <td id="${model.m_user}" name="m_user" data-toggle="tooltip" data-placement="bottom" title="${model.m_user}">${model.m_user}</td>                     <td id="${model.m_time}" name="m_time" data-toggle="tooltip" data-placement="bottom" title="${model.m_time}">${model.m_time}</td>                     <td id="${model.m_traindata}" names="m_traindata" data-toggle="tooltip" data-placement="bottom" title="${model.m_traindata}">${model.m_traindata}</td>                     <td id="${model.m_path}" name="m_path" data-toggle="tooltip" data-placement="bottom" title="${model.m_path}">${model.m_path}</td>                     <td id="${model.m_arguments}" name="m_arguments" data-toggle="tooltip" data-placement="bottom" title="${model.m_arguments}" >${model.m_arguments}</td>                     <td id="${model.evaluate_tablename}" name="evaluate_tablename" data-toggle="tooltip" data-placement="bottom" title="${model.evaluate_tablename}" >${model.evaluate_tablename}</td>                     <td >                         <button style="width:85px;height:35px" type="button" class="btn btn-primary" id='${model.evaluate_tablename}'                                 onclick="show_evaluate(event,${model.evaluate_tablename})">评估结果                         </button>                     </td>                 </tr>             % endfor         </tbody>     </table> </div>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java帮帮-微信公众号-技术文章全总结

Java基础-day10-代码题-继承&抽象类

Java基础-day10-代码题-继承&抽象类 1.门类继承题: 编写代码,实现如下功能: (1)定义一个门类, 包含3个属性:宽度width 和 高度hei...

4196
来自专栏mukekeheart的iOS之旅

No.008 String to Integer (atoi)

8. String to Integer (atoi) Total Accepted: 112863 Total Submissions: 825433 Dif...

2277
来自专栏desperate633

LeetCode 17. Letter Combinations of a Phone Number题目分析代码

以上的答案是按照词典编撰顺序进行输出的,不过,在做本题时,你也可以任意选择你喜欢的输出顺序。

651
来自专栏hbbliyong

突然顿悟的Javascript中的this

  一直对Javascript中的this都有一种似是而非的感觉,今天突然感觉豁然开朗,特此记录一下。 咱们先看个栗子: <!DOCTYPE html> <ht...

3418
来自专栏Java帮帮-微信公众号-技术文章全总结

Java基础-day09-重构随机点名器

Java基础-day09-重构随机点名器 1.案例介绍与演示 随机点名的案例由之前简单的Person对象,重构为相对完整的Person对象并使用。 2.案例回顾...

3556
来自专栏一个会写诗的程序员的博客

《Kotlin极简教程》第四章 Kotlin基础语法表达式Null Check循环枚举遍历Map拼接字符串基本类型

在Kotlin中,所有东西都是对象,所以我们可以调用成员函数和属性的任何变量对象。有些类型是内置的,他们的实现被优化过, 但是用户看起来他们就像普通的类. 本节...

783
来自专栏java达人

如何在Java中避免equals方法的隐藏陷阱(二)

陷阱3:建立在会变化字段上的equals定义 让我们在Point类做一个非常微小的变化 public class Point { private int...

1868
来自专栏java一日一条

Java习惯用法总结

571
来自专栏Java大联盟

SpringMVC笔记(8):表单标签库

我们为什么要使用Spring MVC表单标签库?一句话,使用它是为了简化代码的开发,提高我们的效率,其实我们使用任何一款框架或者工具都是出于这个目的,实现快速开...

642
来自专栏Java技术

如何在你的项目中使用JSR 303 - Bean Validation进行数值校验?

JSR-303 是 Java EE 6 中的一项子规范,叫做 Bean Validation,官方参考实现是hibernate Validator。

794

扫码关注云+社区