Django - 북마크 만들기 5 (templates)

yunseul·2024년 6월 9일

Django

목록 보기

7/30

{% url %}
- {% url %} 템플릿 태그는 URL 패턴에서 URL 문자열을 추출하는 역할

bookmark_list.html 템플릿 작성

### 위치 이동
cd /Users/user/test/django/project/web/bookmark

### templates 디렉토리 생성
mkdir -p templates/bookmark/

### 위치 이동
cd /Users/user/test/django/project/web/bookmark/templates/bookmark

vi bookmark_list.html

---

<!DOCTYPE html>
<html>
<head>
<tile>Django Bookmark List</title>
</head>

<body>

<div id="content">

        <h1>Bookmark List</h1>

        <ul>
                {% for bookmark in object_list %}
                        <li><a href="{% url 'detail' bookmark.id %}">{{ bookmark }}</a></li>
                {% endfor %}
        </ul>

</div>

</body>
</html>

(% for bookmark in object_list %)
- object_list 객체는 BookmarkLV 클래스형 view 에서 넘겨주는 파라미터
{{ bookmark }} -
- 역할 : object_list 객체의 내용ㅇ을 순회하면서 title 을 화면에 리스트로 보여주는 것 - 역할 : 각 텍스트에 url 링크를 연결
- {{ bookmark }}
  - Bookmark 객체를 표시하고 해당 텍스트를 클릭하는 경우 태그 기능을 통해 'detail' URL 패턴으로 웹 요청을 보내게 됨
bookmark_detail.html 템플릿 작성

bookmark_list 에서 특정 북마크를 클릭하면, 해당 북마크에 대한 상세 정보를 보여주는 템플릿 작성
```
### 위치 이동
cd /Users/user/test/django/project/web/bookmark/templates/bookmark
```
```
vi bookmark_detail.html

---

<!DOCTYPE html>
<html>
<head>
<title>Django Bookmark Detail</title>
</head>

<body>

<div id="content">

        <h1>{{ object.title }} </h1>

        <ul>
                <li>URL: <a href="{{ object.url }}">{{ object.url }}</a></li>
        </ul>

</div>

</body>
</html>
```
- URL: {{ object }}

yunseul

새로운 것을 시도하고 도전하는 것을 좋아하는 Engineer 입니다..

Django - 북마크 만들기 5 (templates)

Django

bookmark_list.html 템플릿 작성

bookmark_detail.html 템플릿 작성

{{ object.title }}

폰트 크기 사용 - BookmarkDV 클래스형 view 에서 컨텍스트 변수로 넘겨주는 bookmark 클래스의 특정 개체

Django - 북마크 만들기 3 (urls.py, views.py)

Django - 북마크 만들기 6 (확인)

0개의 댓글