django后端高效控制前端a链接选中状态

本文介绍一种高效方法，利用Django后端动态控制前端a链接的样式，实现类似页面导航的选中状态切换。 前端页面包含多个a链接，需要根据cate.slug判断当前链接是否选中，并分别赋予select或unselect类名。 如果直接使用if语句判断所有分类，代码将变得冗长且难以维护。

高效解决方案的核心在于：页面中大部分链接的类名都是固定的unselect，只有当前选中的链接类名才变为select。 因此，无需为每个分类编写单独的if语句。

在Django模板中，直接比较cate.slug与当前请求的slug。假设Django视图中，selected_slug变量存储了当前选中的cate.slug，则模板代码如下：

AI舌诊面诊问诊医疗系统+诊疗商城系统源码

AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

下载

立即学习“前端免费学习笔记（深入）”；

{% for cate in categories %}
    <a class="{% if cate.slug == selected_slug %}select{% else %}unselect{% endif %}" href="https://www.php.cn/link/4e6954f3e5fd0d7498210d63d2d4180c'category_detail' cate.slug %}">
        {{ cate.name }}
    </a>
{% endfor %}

这段代码遍历所有分类categories，为每个分类创建一个a链接。{% if cate.slug == selected_slug %}语句比较当前分类的slug与selected_slug是否匹配，匹配则添加select类名，否则添加unselect类名。 这样，只需一个简单的if语句就能实现所有分类的样式切换，避免冗余代码。 请确保category_detail是正确的URL命名空间和视图函数名称。

这种方法简洁明了，避免了大量的if-else语句，提高了代码的可读性和可维护性。