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

2/10/2017来源:心得技巧人气:3544

在写网页的时候,我们经常需要用到二级菜单,如下图: 这里写图片描述 “文章分类”作为第一级,随后跟着是该类下的二级链接。结合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.csdn.net/lanlandechong/article/details/7690396