-
Django-3 templatesPython 끄적끄적/Python django 2020. 3. 29. 20:30
HTML 파일을 탬플릿으로 사용하려고 할 때, 장고는 옙 내부에 templates
라는 폴더에서 앱의 이름과 동일한 이름으로 된 폴더를 찾아 그 하위 HTML을 불러온다.
즉
이런식으로 HTML이 들어 있어야 하고,
더보기index.html
<html lang="ko"> <head> <meta charset="UTF-8"> <!-- Boot strap --> <!-- 합쳐지고 최소화된 최신 CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <!-- 부가적인 테마 --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> <!-- 합쳐지고 최소화된 최신 자바스크립트 --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <style> .content{ height: 75%; } .messageDiv{ margin-top: 20px; margin-bottom: 50px; } .toDoDiv{ } .custom-btn{ font-size: 10px; } .panel-footer{ height:10%; color:gray; } </style> <title>To-Do</title> </head> <body> <div class="container"> <div class="header"> <div class="page-header"> <h1>To-do List <small>with Django</small></h1> </div> </div> <div class="content"> <div class="messageDiv"> <form action="" method="POST">{% csrf_token %} <div class="input-group"> <input id="todoContent" name="todoContent" type="text" class="form-control" placeholder="메모할 내용을 적어주세요"> <span class="input-group-btn"> <button class="btn btn-default" type="submit">메모하기!</button> </span> </div> </form> </div> <div class="toDoDiv"> <ul class="list-group"> <form action="" method="GET"> <div class="input-group" name='todo1'> <li class="list-group-item">메모한 내용은 여기에 기록될 거에요</li> <input type="hidden" id="todoNum" name="todoNum" value="1"></input> <span class="input-group-addon"> <button type="submit" class="custom-btn btn btn-danger">완료</button> </span> </div> </form> </ul> </div> </div> <div class="panel-footer"> 실전예제로 배우는 Django. Project1-TodoList </div> </div> </body> </html> 화면출력은 views가 담당이므로 다시 views를 편집해서 지금만든 HTML과 연결해주자.
'Python 끄적끄적 > Python django' 카테고리의 다른 글
Django Restaurant Share-1 (0) 2020.04.03 Django-4 MVC (0) 2020.03.29 Django-2 Create To_do_list (0) 2020.03.29 Django-1 Create To_do_list (0) 2020.03.29 About Django (0) 2020.03.26