1. 사용자에게 보이는 부분
2. 웹 페이지의 골격 즉, HTML로 작성된 부분이라는 것을 의미
3. Django만의 장점 템플릿 태그 { } 사용. { } 활용하여 조건문, 반복문, 모델의 변수처리 가능.
(1) 태그와 태그 사이 : { }
(2) 태그 내부 : {{ }}
(3) 태그 내부(속성) : "{{ }}"
<html>
<head>
<title>
Photo App
</title>
</head>
<body>
<h1><a href="">사진목록 페이지</a></h1>
<section>
{% for photo in photos %} <!--app models.py 생성한 클래스 → 뷰에서 ORM을 사용해 photos라는 변수에 담음 → 반복문을 활용해 변수 즉, 변수안의 필드값 호출 -->
<div>
<h2>
<a href="">{{photo.title}}</a>
</h2>
<img src="{{photo.image}}" alt="{{photo.title}}" width="300"/>
<p>{{photo.author}}, {{photo.price}}</p>
</div>
</section>
{% endfor %}
</body>
</html>'Python > Django Ⅱ' 카테고리의 다른 글
| 게시물 상세보기 페이지 구현 + get_object_or_404 (1) | 2024.05.14 |
|---|---|
| V : View(뷰) (0) | 2024.05.03 |
| M : Model(모델) (1) | 2024.05.02 |
| 슈퍼유저(SuperUser) 생성 및 어드민 페이지 (0) | 2024.05.02 |
| 프로젝트와 앱 (1) | 2024.05.02 |
