使用Django的动态引导选项卡

我在mysql中有两个表。一个是保留标题的主表，标题将显示为选项卡标题，还有一个内容表将显示为每个选项卡的内容。两个表之间存在外键。但我无法在正确的选项卡下打印相关内容

这是我显示选项卡标题的代码

<ul class="nav nav-tabs">
    {% for title in titles %}
      <li class="nav-item">
        <a class="nav-link active" id="{{ title.id }}" data-toggle="tab" href="#{{ title.name }}" role="tab" aria-controls="{{ title.name }}" aria-selected="true">{{ title.name }}</a>
          </li>
    {% endfor %}
 </ul>

---

我通过在view.py生成html解决了这个问题。在收到您的反馈之前，我将使用此功能。但我现在有另一个问题。在我的站点中，我在左侧边栏中显示此选项卡，左侧边栏是所有人的静态页面。它应该在每一页上。但我现在只能为main.html呈现_到_响应，打开其他页面时失败。当我浏览其他页面时，如何显示

def home(request):
modules = Headers.objects.all()[:10]
m=0
i=0
tabHtml =''
contentHtml =''
while m < len(modules):
    tabHtml += '<li class="nav-item"><a class="nav-link" id="'+modules[m].ModuleName+'-tab" data-toggle="tab" href="#'+modules[m].ModuleName+'" role="tab" aria-controls="'+modules[m].ModuleName+'" aria-selected="true">'+modules[m].ModuleName+'</a></li>'
    contentHtml +='<div class="tab-pane fade show active" id="'+ modules[m].ModuleName + '" role="tabpanel" aria-labelledby="'+ modules[m].ModuleName + '-tab">'
    moduleitems = Content.objects.select_related('Item').filter(Item_id =modules[m].id)
    while i < len(moduleitems):
        contentHtml +='<ul class="nav flex-column mb-2"><li class="nav-item"><a class="nav-link active" href="#"><span data-feather="home"></span>'+str(moduleitems[i].id)+'<span class="sr-only"></span></a></li></ul></div>'
        i = i+1
    m = m+1
return render_to_response('main.html', {'tabContentHtml' : contentHtml, 'tabHtml': tabHtml})

def home（请求）：
modules=Headers.objects.all（）[：10]
m=0
i=0
tabHtml=''
contentHtml=''
当m

render（）问题通过创建新项目解决。我不明白为什么，但它奏效了。此外，我还能够调用加载的每个页面中的侧边栏页面。

def home(request):
    titles = Headers.objects.all()[:10]
    contents = content.objects.select_related('Content')
    return render_to_response('main.html', {'titles' : titles, 'contents': contents})

def home(request):
modules = Headers.objects.all()[:10]
m=0
i=0
tabHtml =''
contentHtml =''
while m < len(modules):
    tabHtml += '<li class="nav-item"><a class="nav-link" id="'+modules[m].ModuleName+'-tab" data-toggle="tab" href="#'+modules[m].ModuleName+'" role="tab" aria-controls="'+modules[m].ModuleName+'" aria-selected="true">'+modules[m].ModuleName+'</a></li>'
    contentHtml +='<div class="tab-pane fade show active" id="'+ modules[m].ModuleName + '" role="tabpanel" aria-labelledby="'+ modules[m].ModuleName + '-tab">'
    moduleitems = Content.objects.select_related('Item').filter(Item_id =modules[m].id)
    while i < len(moduleitems):
        contentHtml +='<ul class="nav flex-column mb-2"><li class="nav-item"><a class="nav-link active" href="#"><span data-feather="home"></span>'+str(moduleitems[i].id)+'<span class="sr-only"></span></a></li></ul></div>'
        i = i+1
    m = m+1
return render_to_response('main.html', {'tabContentHtml' : contentHtml, 'tabHtml': tabHtml})