django 템플릿 탭 페이지 나누기 기능 구현

15293 단어
Django 페이지에 백그라운드 내용을 표시하고 템플릿 탭을 추가합니다. {%}
1. 예컨대 if문
{% if condition1 %}
   ... display 1
{% elif condition2 %}
   ... display 2
{% else %}
   ... display 3
{% endif %}

2. {{mess}} 백그라운드 내용 출력
3. 목록이 반대로 교체되도록 탭에 Reversed를 추가합니다.
{% for athlete in athlete_list reversed %}
...
{% endfor %}

4. 태그 {% for%}를 중첩하여 사용할 수 있습니다.
{% for athlete in athlete_list %}
    

{{ athlete.name }}h1>
    {% for sport in athlete.sports_played %}
  • {{ sport }}li> {% endfor %} ul> {% endfor %}

5.模板过滤器,过滤器使用管道字符 |

过滤管道可以被* 套接* ,既是说,一个过滤器管道的输出又可以作为下一个管道的输入:

{{ my_list|first|upper }}             ,lower  

일부 필터에는 매개변수가 있습니다.필터의 매개 변수는 콜론을 따랐을 때 항상 큰따옴표로 포함됩니다.예를 들면 다음과 같습니다.
{{ bio|truncatewords:"30" }}       bio  30  

date: 지정한 형식 문자열 매개 변수로 date 또는 datetime 대상을 포맷합니다. 실례:
{{ pub_date|date:"F j, Y" }}

6. {% include%} 태그는 템플릿에 다른 템플릿의 내용을 포함할 수 있습니다.
아래의 이 예는 모두nav를 포함하고 있다.html 템플릿:
{% include "nav.html" %}               

7. 템플릿 상속, 페이지 통일 실현
HelloWorld/templates/base.html 파일 코드:
<
!
DOCTYPE
html
>
<
html
>
<
head
>
    <
meta
charset
=
"
utf-8
"
>
    <
title
>
쿠쿠새 강좌(runoob.com)
title
>
head
>
<
body
>
    <
h1
>
Hello World!
h1
>
    <
p
>
채소새 튜토리얼 Django 테스트.
p
>
    {% block mainbody %}
        <
p
>
original
p
>
    {% endblock %}
body
>
html
>
HelloWorld/templates/hello.html 파일 코드:
{% extends "base.html"%} 계승base.html 페이지, 괄호 중의 부분, 괄호 바깥쪽은 순서대로 표시
{% block mainbody %}    
<
p
>
베이스를 물려받았어요.html 파일
p
>
{% endblock %}
페이지 나누기:
페이지:현재 페이지 번호
페이지Size:페이지당 최대 레코드 수
pg:모두 몇 페이지
백그라운드:
def show(request,pageNo=1):
    #        
    #     ,          
    #select * from tablename limit (pageno-1)*pagesize,pagesize
    pageSize = 4#        
    pg=Paginator(Blog.objects.all().order_by('-createTime'),pageSize)#    ,      ,     
    pages=pg.page(pageNo)#     
    return render(request,'manager/show.html',{'pg':pg,'pages':pages})

프런트:
{% for i in pg.page_range %}
    <a href="/blogManager/show/{{ i }}">{{ i }}a>
{% endfor %}<br>
    <a href="/blogManager/show/1">  a>
{% if pages.has_previous  %}
<a href="/blogManager/show/{{ pages.number | add:-1 }} ">   a>
{% endif %}
{% if pages.has_next %}
<a href="/blogManager/show/{{ pages.number | add:1}} ">   a>
{% endif %}

<a href="/blogManager/show/{{ pg.num_pages }}">  a><br>

좋은 웹페이지 즐겨찾기