遇到的问题:我看网上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">«</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>
</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}'
οnclick="show_evaluate(event,${model.evaluate_tablename})">评估结果
</button>
</td>
</tr>
% endfor
</tbody>
</table>
</div>