[Django] Todo 게시판_2 [목록 페이지 생성]
2022. 8. 23. 16:34ㆍWEB/Django
todo 사이트 만들기-2
- 할일 목록 html 생성 :
<html>
<head>
<title>TODO LIST</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/1.0.0/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons/css"/>
</head>
<body>
<div class="container"></div>
<h1>TODO LIST</h1>
<p>
<a href=""><i class="bi-plus"></i>할 일 추가</a>
<a href="" class="btn btn-primary" style="float:right">완료한 할 일 목록</a>
</p>
<ul class="list-group">
{% for todo in todos %}
<li class="list-group-item">
<a href="">{{todo.title}}</a>
{% if todo.important %}
<span class="badge badge-danger">!</span>
{% endif %}
<div style="float:right">
<a href="" class="btn btn-danger">완료</a>
<a href="" class="btn btn-outline-primary">수정하기</a>
</li>
{% endfor %}
</ul>
</body>
</div>
</html>- 뷰 정의 :
from django.shortcuts import render
from .models import Todo
# Create your views here.
def todo_list(request):
todos = Todo.objects.filter(complete=False)
return render(request, 'todo/todo_list.html',{'todos':todos}) # {템플릿 변수이름: 파이썬 변수이름}- URL 연결 :
- 앱 URL
from django.contrib import admin
from django.urls import path, include
from . import views
urlpatterns = [
path('admin/', admin.site.urls),
path('',views.todo_list, name='todo_list'),
]- 프로젝트 URL
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('', include('todo.urls')),
]- 완성화면
'WEB > Django' 카테고리의 다른 글
| [Django] Todo 게시판_6 [할 일 완료 및 완료 목록 확인 기능] (0) | 2022.08.26 |
|---|---|
| [Django] Todo 게시판_5 [할 일 수정 기능] (0) | 2022.08.25 |
| [Django] Todo 게시판_4 [할 일 생성 기능] (0) | 2022.08.24 |
| [Django] Todo 게시판_3 [상세조회 페이지 만들기] (0) | 2022.08.23 |
| [Django] Todo 게시판_1 [프로젝트 생성 및 모델 정의] (0) | 2022.08.22 |