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.csdn.net/lanlandechong/article/details/7690396

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值