Custom - Phân trang danh sách bài viết

admin

- Thêm code sau vào file '_functions'

1. 
   
2. {% macro paging(trang,p,max,b) %}
   
3. {% spaceless %}
   
4.   {% if max > 1 %}
   
5.     <center><div class="pagination">
   
6.       {% set a=' <a class="pagenav" href="/'~trang~'' %}
   
7.       {% if p>max %}{% set p=max %}a{% endif %}
   
8.       {% if p>1 %}
   
9.               {{a|raw}}{{p-1}}{{b}}">«</a>
   
10.       {% endif %}
    
11.       {% if p>3 %}
    
12.               {{a|raw}}1{{b}}">1</a>
    
13.       {% endif %}
    
14.       {% if p>4 %}
    
15.                <span>...</span>
    
16.       {% endif %}
    
17.       {% if p>2 %}
    
18.               {{a|raw}}{{p-2}}{{b}}">{{p-2}}</a>
    
19.       {% endif %}
    
20.       {% if p>1 %}
    
21.               {{a|raw}}{{p-1}}{{b}}">{{p-1}}</a>
    
22.       {% endif %}
    
23.       <span class="currentpage"><b>{{p}}</b></span>
    
24.       {% if p<max-1 %}
    
25.               {{a|raw}}{{p+1}}{{b}}">{{p+1}}</a>
    
26.       {% endif %}
    
27.       {% if p<max-2 %}
    
28.               {{a|raw}}{{p+2}}{{b}}">{{p+2}}</a>
    
29.       {% endif %}
    
30.       {% if p<max-3 %}
    
31.               <span>...</span>
    
32.       {% endif %}
    
33.       {% if p<max %}
    
34.               {{a|raw}}{{max}}{{b}}" class="next">{{max}}</a>
    
35.       {% endif %}
    
36.       {% if p<max %}
    
37.               {{a|raw}}{{p+1}}{{b}}">»</a>
    
38.       {% endif %}
    
39.     </div></center>
    
40.   {% endif %}
    
41. {% endspaceless %}
    
42. {% endmacro %}

Sao chép mã

CSS

1. .pagination{text-align:center}.currentpage{background-color:#4E342E;padding:3px 11px;margin:2px;border-radius:50px;color:#fff!important;box-shadow:0 0 7px rgba(0,0,0,0.2),0 0 0 1px rgba(188,188,188,0.1)}.pagenav,a.pagenav{background-color:#00B7FF;color:#fff!important;text-decoration:none!important;padding:3px 11px;margin:2px;border-radius:50px;box-shadow:0 0 7px rgba(0,0,0,0.2),0 0 0 1px rgba(188,188,188,0.1);animation:namedcolors 3s infinite alternate}.pagevav:hover,a.pagenav:hover{background-color:#54a3c6;color:#fff!important}

Sao chép mã

- Cách sử dụng:

1. {% from '_functions' import paging %}
   
2. 
   
3. {% set total = count(query_select_table(table_name)) %}
   
4. {% set per = '10' %}
   
5. {% set page_max = total//per %}
   
6. {% if total//per != total/per %}{% set page_max = total//per+1 %}{% endif %}
   
7. {% set p = GET['page']|default(1) %}
   
8. {% if p matches '/[a-zA-z]|%/' or p < 1 %}{% set p = 1 %}{% endif %}
   
9. {% if p > page_max %}{% set p = page_max %}{% endif %}
   
10. {% set st=p*per-per %}
    
11. 
    
12. {% if total_blog == 0 %}
    
13.   <p class="highlight">Chưa có bài viết nào!</p>
    
14. {% else %}
    
15.   {% set list = query_select_table(table_name,'*','ORDER BY id DESC LIMIT '~st~','~per) %}
    
16.   {% for data in list %}
    
17.     {{data.column}}
    
18.   {% endfor %}
    
19. {% endif %}
    
20. <p>{{paging('?page=',p,page_max)|replace({'/=':'/','/?':'?'})|raw}}</p>

Sao chép mã