html页面在mako页面获取到的是一串很长的字符串,而不是需要的页码数如何解决?
程序员文章站
2022-07-07 15:48:01
遇到的问题:我看网上html页面大家通过page2.next_page_number和page2.preivous_page_number获取上一页和下一页的页码,而我在mako页...
遇到的问题:我看网上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模板中的写法。
<p class="pagination"> <nav> <ul class="pagination"> % if models.has_previous: <li ><a href="?page=${pre}" aria-label="Previous"><span aria-hidden="true">«</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">»</span></a> </li> % endif </ul> </nav> </p>
4.数据的展示,这个通过foreach将数据展示出来就可以。
<p 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> </p>
上一篇: 袁崇焕为什么会被凌迟处死?
下一篇: “上传漏洞”安全检测网站详解