menu.html内容分析

在base.html里面include了menu.html，所以今天分析了一下menu.html的内容。

<div class="sprites menu">
#分了一个块，块的类名叫sprites menu
<ul id="nav">
#创建一个无序列表，id为nav,无序指的是没有序号，如果要有序号，用ol
<li class="nav_li {% ifequal module 'index' %} current {% endifequal %}">
#<li> 标签定义列表项目。ifequal是个模板函数，判断后面两个值相等，但是尼玛module这个变量是神马时候传进来的？而且搞这么复杂干鸟
<a href="{% url "Testman.core.views.index" %}">HOME</a>
#标签定义了一个超链接啦，名称是HOME，链接到上面那个view去，url标签应该可以将view函数在url.py里面对应的网址在这里转义
</li>
<li class="sprites menuline"></li>
#一个空行？干嘛
<li class="nav_li{% ifequal module 'testplans' %} current{% endifequal %}">
#不出意外module就是当前的active view函数名称
<a href="{% url "Testman.testplans.views.all" %}">PLANNING</a>
#又一个链接叫Planning
<ul class="nav_sub sub_plan" style="display: none;">
#这里搞了一个表格嵌套哦
<li {% ifequal sub_module 'plans' %} class="subcurrent"{% endifequal %} >
<a href="{% url "Testman.testplans.views.all" %}">Search Plans</a>
</li>
#和上面差不多
{% if user.is_authenticated %}
<li {% ifequal sub_module 'my_plans' %} class="subcurrent"{% endifequal %} >
#这个sub_module变量是怎么传进来的，莫非是context processor？
<a href="{% url "Testman.testplans.views.all" %}?author__email__startswith={{ user.email }}">My Plans</a>
#这个链接就相当于跳转到/xxx?author__email__startswith=xxx网址
</li> 
{% endif %}
#如果认证成功就多了一个my plans的行
{% if perms.testplans.add_testplan %}
#这个鬼参数又是怎么跑进来的
<li {% ifequal sub_module 'new_plan' %} class="subcurrent"{% endifequal %} >
<a href="{% url "Testman.testplans.views.new" %}">New Plan</a>
</li>
{% endif %}
</ul>
</li>
<li class="sprites menuline"></li>
<li class="nav_li{% ifequal module 'testruns' %} current{% endifequal %}">
<a href="{% url "Testman.testruns.views.all" %}">TESTING</a>
<ul id="submenu_test" class="nav_sub" style="display:none;">
<li {% ifequal sub_module 'runs' %} class="subcurrent"{% endifequal %} >
<a href="{% url "Testman.testruns.views.all" %}">Search Runs</a>
</li>
<li {% ifequal sub_module 'cases' %} class="subcurrent"{% endifequal %} >
<a href="{% url "Testman.testcases.views.search" %}">Search Cases</a>
</li>
{% if user.is_authenticated %}
<li {% ifequal sub_module 'my_runs' %} class="subcurrent"{% endifequal %} >
<a href="{% url "Testman.testruns.views.all" %}?people={{ user.email }}">My Runs</a>
</li>
{% endif %}
{% if perms.testcases.add_testcase %}
<li>
<a href="{% url "Testman.testcases.views.new" %}">New Case</a>
</li>
{% endif %}
</ul>
</li>
<li class="sprites menuline"></li>
<li class="nav_li{% ifequal module 'env' %} current{% endifequal %} ">
<a href="{% url "Testman.management.views.environment_groups" %}">ENVIRONMENT</a>
<ul id="submenu_environment" class="nav_sub"  style="display:none;">
<li>
<a href="{% url "Testman.management.views.environment_groups" %}">Groups</a>
</li>
<li>
<a href="{% url "Testman.management.views.environment_properties" %}">Properties</a>
</li>
</ul>
</li>
<li class="sprites menuline"></li>
<li class="nav_li {% ifequal module 'report' %} current{% endifequal %}">
<a href="{% url "Testman.report.views.overall" %}">REPORTING</a>
<ul id="submenu_report" class="nav_sub"  style="display:none;">
#这里为什么弄个隐藏的列表
<li>
<a href="{% url "Testman.report.views.overall" %}">Overall</a>
</li>
<li>
<a href="{% url "report-custom" %}">Custom</a>
</li>
<li>
<a href="{% url "testing-report" %}">Testing Report</a>
</li>
</ul>
</li>
<li class="sprites menuline"></li>
{% if user.is_staff %}
#user有好多属性，尼玛
<li class="nav_li{% if not module %} current{% endif %}" >
<a href="{{ SETTINGS.ADMIN_PREFIX }}">ADMIN</a>
<ul id="submenu_admin" class="nav_sub"style="display:none;">
{% if perms.auth.change_user %}
<li {% ifequal sub_module 'products' %} class="subcurrent"{% endifequal %} >
<a href="{{ SETTINGS.ADMIN_PREFIX }}/auth/">Auth</a>
</li>
{% endif %}
{% if perms.management %}
<li {% ifequal sub_module 'environments' %} class="subcurrent"{% endifequal %} >
<a href="{{ SETTINGS.ADMIN_PREFIX }}/management/">Management</a>
</li>
{% endif %}
{% if perms.testplans.change_testplantype %}
<li {% ifequal sub_module 'testplans' %} class="subcurrent"{% endifequal %} >
<a href="{{ SETTINGS.ADMIN_PREFIX }}/testplans/">Test plans</a>
</li>
{% endif %}
{% if perms.testcases %}
<li {% ifequal sub_module 'testcases' %} class="subcurrent"{% endifequal %} >
<a href="{{ SETTINGS.ADMIN_PREFIX }}/testcases/">Test cases</a>
</li>
{% endif %}
</ul>
</li>
<li class="sprites menuline"></li>
{% endif %}
</ul>
<div class="right-action">
<form action="{% url "Testman.core.views.search" %}" method="get">
#定义了一个表单，方法为get
<span> 
<select id="search_type" name="search_type">
<option value="plans"{% ifequal module 'testplans' %} selected{% endifequal %}>Test Plan</option>
<option value="runs"{% ifequal module 'testruns' %} selected{% endifequal %}>Test Run</option>
<option value="cases"{% ifequal module 'testcases' %} selected{% endifequal %}>Test Case</option>
</select>
#定义了一个下拉框，跟进ifequal确定下拉框中的默认值是哪个，就是不用拉就显示的那个
<input id="search_content" name="search_content" type="text" value="{{ REQUEST_CONTENTS.search }}" size="15" />
#一个输入框，宽度15，但是这个Request_contents。search又是怎么跑进来的
<input type="button" value="Go" id="js-execute-search" />
<!--button和submit的区别，submit是一定要提交的，但是button可以不提交，由界面设计人员通过js决定，在局部刷新时就很有用，不太懂js，不知道在怎么控制-->
</span>
<label class="linkAdvancedSearch">&nbsp;&nbsp;<a href="/advance-search/">Advanced Search</a></label>
#&nbsp；是一个空格，这样写有label和没label感觉是一样的，一个空标签啊，没用用for绑定啊
</form>

</div>
</div>