爱鲜蜂项目代码分析1

from market.html

代码实现:
当用户点击饮料酒水–饮用水
首先下面的商品列表会从全部分类变成饮用水类的商品列表
其次饮用水会有相应的选中样式,其余的子类则没有设置样式

图片展示:

<div id="all_types_container">
    <div>
        {% for foodtype_childname in foodtype_childname_list %}
            {% if foodtype_childname.1 == childcid %}
                <a href="{% url 'axf:market_with_params' typeid=typeid childcid=foodtype_childname.1 order_rule=0 %}">
                    <button class="btn btn-success">{{ foodtype_childname.0 }}</button>
                </a>
            {% else %}
                <a href="{% url 'axf:market_with_params' typeid=typeid childcid=foodtype_childname.1 order_rule=0 %}">
                    <button class="btn btn-default">{{ foodtype_childname.0 }}</button>
                </a>
            {% endif %}
        {% endfor %}
    </div>
</div>

代码分析:
1.关键数据:
eg. foodtype_childname_list=[[‘全部分类’,‘0’],[‘进口水果’,‘103534’],]
2.遍历foodtype_childname_list,查看当前遍历到的foodtype_childname.1是否与传进来的childcid相同
3.if 相同,超链接到反向解析地址axf:market_with_params,携带参数typeid,childcid,order_rule,并且设置选中按钮中的值foodtype_childname.0
反之同理可得

QA:
1.两个超链接到底用来干嘛?