本文實(shí)例講述了Django框架實(shí)現(xiàn)的簡單分頁功能。分享給大家供大家參考,具體如下:
前面一篇《Django開發(fā)的簡易留言板》寫了個(gè)簡單的留言板,如果數(shù)據(jù)量太多的話在一頁顯示就不那么友好了,本文就是做一個(gè)分頁顯示。
代碼在上一篇的基礎(chǔ)上修改。
導(dǎo)入分頁模塊并修改views
#只需修改index函數(shù)即可from django.core.paginator import Paginatordef index(request): messages = models.Message.objects.all() #獲取全部數(shù)據(jù) limit = 10 paginator = Paginator(messages, limit) #按每頁10條分頁 page = request.GET.get('page','1') #默認(rèn)跳轉(zhuǎn)到第一頁 result = paginator.page(page) return render(request, 'guestbook/index.html', {'messages' : result})修改html
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>留言板</title> <link rel="stylesheet" rel="external nofollow" crossorigin="anonymous"> </head> <body> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr class="danger"> <th>留言時(shí)間</th> <th>留言者</th> <th>標(biāo)題</th> <th>內(nèi)容</th> </tr> </thead> <tbody> {% if messages %} {% for message in messages %} <tr class="{% cycle 'active' 'success' 'warning' 'info' %}"> <td>{{ message.publish|date:'Y-m-d H:i:s' }}</td> <td>{{ message.username }}</td> <td>{{ message.title }}</td> <td>{{ message.content }}</td> </tr> {% endfor %} {% else %} <tr> <td colspan="4">無數(shù)據(jù)</td> </tr> {% endif %} </tbody> </table> <!-- 分頁開始 --> <div> <ul class="pagination"> <li><a href="/guestbook/index/?page=1" rel="external nofollow" >首頁</a></li> {% if messages.has_previous %} <li><a href="/guestbook/index/?page={{ messages.previous_page_number }}" rel="external nofollow" >上一頁</a></li> {% endif %} {% for num in messages.paginator.page_range %} <li><a href="/guestbook/index/?page={{ num }}" rel="external nofollow" >{{ num }}</a></li> {% endfor %} {% if messages.has_next %} <li><a href="/guestbook/index/?page={{ messages.next_page_number }}" rel="external nofollow" >下一頁</a></li> {% endif %} <li><a href="/guestbook/index/?page={{ messages.paginator.num_pages }}" rel="external nofollow" >尾頁</a></li> </ul> </div> <!-- 分頁結(jié)束 --> <div> <a class="btn btn-xs btn-primary" href="/guestbook/create/" rel="external nofollow" >去留言</a> </div> </body></html>
新聞熱點(diǎn)
疑難解答
圖片精選