溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

python flask實(shí)現(xiàn)分頁的示例代碼

發(fā)布時(shí)間:2020-10-20 15:53:23 來源:腳本之家 閱讀:297 作者:徐代龍 欄目:開發(fā)技術(shù)

結(jié)合mysql數(shù)據(jù)庫查詢,實(shí)現(xiàn)分頁效果

@user.route("/user_list",methods=['POST','GET'])
def user_list():
  p = g.args.get("p", '') #頁數(shù)
  show_shouye_status = 0 #顯示首頁狀態(tài)

  if p =='':
    p=1
  else:
    p=int(p)
    if p > 1:
      show_shouye_status = 1

  mdb = db_session()
  limit_start = (int(p)-1)*10#起始

  sql ="select * from page_text limit {0},10".format(limit_start)
  user_list=mdb.getMany(sql)

  sql="select count(id) as total from page_text"
  count = mdb.getOne(sql)['total'] #總記錄
  total = int(math.ceil(count/10.0)) #總頁數(shù)

  dic = get_page(total,p)
  datas={
    'user_list':user_list,
    'p': int(p),
    'total': total,
    'show_shouye_status': show_shouye_status,
    'dic_list': dic

  }
  return render_template("user_list.html",datas=datas)

其中g(shù)et_page為封裝的方法:

def get_page(total,p):
  show_page = 5  # 顯示的頁碼數(shù)
  pageoffset = 2 # 偏移量
  start = 1  #分頁條開始
  end = total #分頁條結(jié)束

  if total > show_page:
    if p > pageoffset:
      start = p - pageoffset
      if total > p + pageoffset:
        end = p + pageoffset
      else:
        end = total
    else:
      start = 1
      if total > show_page:
        end = show_page
      else:
        end = total
    if p + pageoffset > total:
      start = start - (p + pageoffset - end)
  #用于模版中循環(huán)
  dic = range(start, end + 1)
  return dic

如果這里需要進(jìn)行前端模板的拼接的話,可以需要以下代碼(bootstrap)

<ul class="pagination">
    {% if datas.show_shouye_status==1%}
      <li class=''><a href='/user/user_list?p=1'>首頁</a></li>
      <li class=''><a href='/user/user_list?p={{datas.p-1}}'>上一頁</a></li>
   {%endif%}

    {% for dic in datas.dic_list %}
      {% if dic==datas.p%}
       <li class="active"><a href="/user/user_list?p={{dic}}" rel="external nofollow" rel="external nofollow" >{{dic}}</a></li>
      {%else%}
        <li><a href="/user/user_list?p={{dic}}" rel="external nofollow" rel="external nofollow" >{{dic}}</a></li>
      {%endif%}
    {%endfor%}

    {% if datas.p < datas.total%}
      <li class=''><a href='/user/user_list?p={{datas.p+1}}'>下一頁</a></li>
      <li class=''><a href='/user/user_list?p={{datas.total}}'>尾頁</a></li>
    {%endif%}
      共{{datas.total}}頁
 </ul>

bootstrap樣式 http://edu.jb51.net/bootstrap/bootstrap-pagination.html

如果是返回給APP端的話,直接返回data數(shù)據(jù)就可以了。

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI