Django模板(Template)中的循环（for）嵌套

在写网页的时候，我们经常需要用到二级菜单，如下图：

“文章分类”作为第一级，随后跟着是该类下的二级链接。结合css样式及js还可以实现手风琴折叠的效果。

操作

假设读者的知识基础
1、初学HTML
2、初识Django的模板（Template）及模型（models）
首先我们通过models.py为菜单链接建立数据库。

from __future__ import unicode_literals
from django.contrib import admin
from django.db import models
from django.contrib.auth.models import Group

class left(models.Model):
    link_id=models.AutoField(primary_key=True,unique=True)
    label=models.CharField(max_length=10,default="link")
    link=models.CharField(max_length=200,default="")
    pic=models.ImageField(upload_to="static/images/",blank=True)
    authlevel=models.ManyToManyField(Group,blank=True) #权限信息，根据权限显示菜单内容
    parent_id=models.ForeignKey('self',blank=True,null=True,verbose_name=u"父菜单") #外联键链接的是自己
    CHOICES=(("P",u"父菜单"),("S",u"子菜单"))
    menulevel=models.CharField(max_length=2,verbose_name=u"菜单级别",choices=CHOICES)
    def __unicode__(self):
        return self.label #在admin界面显示label

随后在admin.py注册left类。

from models import left
admin.site.register([left])

在admin的页面里输入几个关联页面，我这里输入的则是

用户管理
人力资源->考核
工艺管理
订单信息

在写模板时，我先写第一级菜单的循环，通过判断其级别(“menulevel”)是否为父亲（“P”），决定渲染其第一级菜单。在渲染第二级菜单时，就需要用到一个神奇的标识符(“_set.all”)，它可以实现在第一级节点下对子节点遍历。

<ul>
    {% for item in menus %}
        {% if item.menulevel == "P" %}
        <div id="link">
            <li>
                <a href="{{item.link}}">{{item.label}}</a>
                    </li>
                {% endif %}             
                        {% for sub_item in item.left_set.all %}
                            <div id="sub_link">
                                <li>
                                    <a href="{{sub_item.link}}">{{sub_item.label}}</a>
                                </li>
                            </div>
                        {% endfor %}

        </div>

    {% endfor %}
</ul>

效果

为了区别，我在css样式里对sub_menu 设定了#sub_menu{font-size:14px}

参考资料

lanlandechong的专栏 django模板之循环嵌套
http://blog.youkuaiyun.com/lanlandechong/article/details/7690396