DevHyun

[DevHyun's Blog] Django Template 활용하기 본문

Web/Django&Python Blog Projecct

[DevHyun's Blog] Django Template 활용하기

D3V3L0P3R 2020. 10. 19. 17:07

장고걸스 코치들과 자원봉사자들의 수고로 번역된 글을 참고하였습니다.

tutorial.djangogirls.org/ko

 

Django Template tags는 파이썬을 HTML로 바꿔주어, 빠르고 쉽게 동적인 웹 사이트를 만들 수 있게 도와줍니다.

 

* Django ORM과 QuerySet 그리고 동적데이터 활용에서 이어집니다.

d3v3lop3r.tistory.com/17

 

Django ORM과 QuerySet 그리고 동적데이터 활용

장고걸스 코치들과 자원봉사자들의 수고로 번역된 글을 참고하였습니다. tutorial.djangogirls.org/ko Django ORM(Object Relational Mapping)은 OOP 언어와 데이터를 다루는 RDBMS 와의 상이한 시스템을 매핑하여..

d3v3lop3r.tistory.com

 

1. Blog의 Post 목록 보여주기(template 적용)

* blog/templates/blog/post_list.html

* Django Templates 안에 있는 값을 출력하려면, 변수 이름 안에 중괄호를 넣어 표시해야 합니다.

 

<!DOCTYPE html>
<html>
    <head>
        <title>DevHyun's blog</title>
    </head>
    <body>
        <div>
            <h1><a href="">DevHyun's Blog</a></h1>
        </div>
        <div>
              {{ posts }}
        </div>
    </body>
</html>

 

Template 적용 화면

 

2. for loop를 이용해서 title만 보여주기

 

<!DOCTYPE html> 
<html> 
    <head> 
        <title>DevHyun's blog</title> 
    </head> 
    <body> 
        <div> 
            <h1><a href="">DevHyun's Blog</a></h1> 
        </div> 
        <div> 
              {% for post in posts %} 
              {{ post }} 
              {% endfor %}
        </div> 
    </body> 
</html>

for loop를 통해 title만 뽑아낸 화면

 

3. for loop를 이용해서 원하는 내용 보여주기

*{% for %} 와 {% endfor %}사이에 넣은 모든 것은 목록의 모든 객체를 반복하게 됩니다. 

 

<!DOCTYPE html> 
<html> 
    <head> 
        <title>DevHyun's blog</title> 
    </head> 
    <body> 
        <div> 
            <h1><a href="">DevHyun's Blog</a></h1> 
        </div> 
         {% for post in posts %}
         <div>
         <p>published: {{ post.published_date }}</p>
         <h1><a href="">{{ post.title }}</a></h1>
         <p>{{ post.text|linebreaksbr }}</p>
         </div>
         {% endfor %}
    </body> 
</html>

for loop를 통해 원하는 내용만 보여주기

 

'Web > Django&Python Blog Projecct' 카테고리의 다른 글

[DevHyun's Blog] Django Template 확장하기(*재사용 가능하게끔 만들기)  (0) 2020.10.19
[DevHyun's Blog] Django&Python으로 만든 Blog에 CSS 적용하기!  (0) 2020.10.19
[DevHyun's Blog] Pythonanywhere 에서 Git Project Pull 한 후 재배포 하기  (0) 2020.10.19
[DevHyun's Blog] Django ORM과 QuerySet 그리고 동적데이터 활용  (0) 2020.10.19
[DevHyun's Blog] Django&Python으로 만든 Blog를 가상환경(pythonanywhere)에서 배포하기!  (0) 2020.10.16
'Web/Django&Python Blog Projecct' Related Articles more
Comments