在写网页的时候,我们经常需要用到二级菜单,如下图: “文章分类”作为第一级,随后跟着是该类下的二级链接。结合CSS样式及js还可以实现手风琴折叠的效果。
假设读者的知识基础 1、初学HTML 2、初识Django的模板(Template)及模型(models) 首先我们通过models.py为菜单链接建立数据库。
from __future__ import unicode_literalsfrom django.contrib import adminfrom django.db import modelsfrom django.contrib.auth.models import Groupclass 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 leftadmin.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
新闻热点
疑难解答