前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >mako模板+django+分页

mako模板+django+分页

作者头像
用户1171305
发布2017-12-28 11:55:55
7190
发布2017-12-28 11:55:55
举报
文章被收录于专栏:成长道路成长道路

遇到的问题:我看网上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>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档