내비게이션 바 버튼에 링크 추가하기
- blog/tests.py
def navbar_test(self, soup):
navbar = soup.nav
self.assertIn('Blog', navbar.text)
self.assertIn('About Me', navbar.text)
logo_btn = navbar.find('a', text="SangHui's Blog")
self.assertEqual(logo_btn.attrs['href'], '/')
home_btn = navbar.find('a', text='Home')
self.assertEqual(home_btn.attrs['href'], '/')
blog_btn = navbar.find('a', text='Blog')
self.assertEqual(blog_btn.attrs['href'], '/blog/')
about_me_btn = navbar.find('a', text='About Me')
self.assertEqual(about_me_btn.attrs['href'], '/about_me/')
include로 내비게이션 바와 푸터 모듈화하기
- blog/templates/blog/navbar.html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
...
</nav>
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="logInModalLabel"
...
</div>
- base.html에 {% include blog/navbar.html %} 추가하기
<body>
{% include 'blog/navbar.html' %}
<div class="container my-3">
<div class="row">
<div class="col-md-8 col-lg-9" , id='main-area'>
{%block main_area%}
{%endblock%}
- 푸터를 footer.html로 모듈화하기
</div>
</div>
</div>
{% include 'blog/footer.html' %}
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
- blog/templates/blog/footer.html
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © SangHui Website 2023</p>
</div>
</footer>
'Programming > Django' 카테고리의 다른 글
장고 프로젝트 새팅 다른 로컬에서 진행하기 (0) | 2023.04.09 |
---|---|
테스트 주도 개발 적용해보기 (0) | 2023.03.25 |
장고(Django) 페이지 구성 개선하기 (0) | 2023.03.19 |
장고(Django) 정적 파일과 미디어 파일 관리하기 (0) | 2023.03.18 |
장고(Django) 웹 페이지 만들기 (0) | 2023.03.18 |