I have a base.html file which is a side bar menu. like this:
JavaScript
x
22
22
1
<body>2
<div class="wrapper">3
<nav id="sidebar">4
<div class="sidebar-header">5
<h3>Welcome!</h3>6
</div>7
8
<ul class="list-unstyled components">9
<li class="active">10
<a href="#list">List</a>11
</li>12
<li>13
<a href="#">Item 1</a>14
</li>15
<li>16
<a href="#">Item 2</a>17
</li>18
</ul>19
</nav>20
</div>21
</body>22
I also have a text file that I want to show the content. So I configured my view like this:
JavaScript
1
8
1
def list(request):2
f = open('textFile.txt', 'r')3
file_content = f.read()4
f.close()5
context = {'file_content': file_content}6
print(file_content)7
return render(request, "list.html", context)8
The destination HTML file which is going to show the data is like this:
JavaScript
1
4
1
{% extends 'base.html' %}2
3
{{ file_content }}4
The problem is, the text file data is now showing up. and if I remove {% extends 'base.html' %} them the text file data shows up, but I lose the side bar. How can I resolve this issue?
Advertisement
Answer
You should define some blocks to override using Django’s template inheritance:
JavaScript
1
32
32
1
<!--base.html-->2
<body>3
<div class="wrapper">4
<nav id="sidebar">5
<div class="sidebar-header">6
<h3>Welcome!</h3>7
</div>8
9
<ul class="list-unstyled components">10
<li class="active">11
<a href="#list">List</a>12
</li>13
<li>14
<a href="#">Item 1</a>15
</li>16
<li>17
<a href="#">Item 2</a>18
</li>19
</ul>20
</nav>21
<main>22
{% block content %}{% endblock %}23
</main> 24
</div>25
</body>26
27
28
<!--list.html-->29
{% extends 'base.html' %}30
31
{% block content %}{{ file_content }}{% endblock %}32