django(장고) base.html의 nav 수정하고 페이지 연결하기

1. 먼저 연결할 html 파일들을 만들어준다.

2. base.html에서 각 tag들의 경로가 잘 지정되었는지 확인해주자!

3. url.py를 열고 경로를 지정해주자.

    url(r'^list/$','blog.views.list'),
    url(r'^write/$', 'blog.views.write'),
 

위의 코드를 urlpatterns에 추가하면 된다.

/list로 접근하면 blog.views.list로

/write로 접근하면 blog.views.write로 연결한다는 뜻이다.

4. views.py를 열고 함수를 지정해준다.

def list(request):
    return render(request, 'blog/list.html')
 
def write(request):
    return render(request, 'blog/write.html')
 

list 함수가 실행되면 blog/list.html이라는 값을 반환한다는 뜻이다.

write 함수가 실행되면 blog/write.html을 반환한다는 뜻이다.

5. list.html 파일과 write.html 을 열고 아래의 코드를 입력해준다.

{% extends 'blog/base.html' %}
{% load staticfiles %}
 
{% block content %}
 
<div style="width:100%; height:50px; background-color:black;">
</div>
 
{% endblock content %}

6. 서버를 구동하고 확인해보자!

LIST나 WRITE를 눌렀을 때, 아래와 같은 화면이 뜨면 성공!!!!

7. 자, 이번에는 Login 버튼을 눌렀을 때도 6번과 같은 화면이 나오도록 스스로 해보자!

Hint. 위의 과정을 그대로 따라하면 된다!