Django Backend의 프론트 엔드 링크 스타일을 우아하게 제어하는 ​​방법은 무엇입니까?

Django Backend의 프론트 엔드 링크 스타일을 우아하게 제어하는 ​​방법은 무엇입니까?

Django Backend Development에서는 범주 슬러그에 따라 링크 클래스를 "Select"또는 "Unselect"로 설정하는 것과 같은 프론트 엔드 요소의 스타일을 동적으로 제어하는 ​​것이 일반적인 요구 사항입니다. 카테고리가 많이있는 경우 명령문을 직접 사용하면 코드를 직접 사용하여 유지하기가 어렵습니다. 이 기사는 코드를 효과적으로 단순화하고 유지 관리 가능성을 향상시키는보다 우아한 솔루션을 제공합니다.

핵심은 IF 문의 사용을 최적화하고 Django 템플릿 언어의 장점을 최대한 활용하는 것입니다. 선택되지 않은 범주의 링크 스타일이 일관된 경우 (예 : 모두 "선택되지 않은") 현재 범주가 선택한 범주와 일치하는지 여부를 결정하면됩니다.

View 함수가 현재 선택된 범주 selected_cate (슬러그 속성 포함) 및 모든 카테고리 정보 categories 얻었다고 가정하십시오. 템플릿을 렌더링 할 때 selected_cate.slug 프론트 엔드로 전달할 수 있습니다.

 # views.py
django.shortcuts import get_object_or_404
.models 가져 오기 카테고리 # 카테고리 모델을 가정합니다. def my_view (요청) :
    selected_cate_slug = request.get.get ( 'cate') # 선택한 카테고리 슬러그 get get 매개 변수
    selected_cate = get_object_or_404 (slug = slug = selected_cate_slug) selected_cate_slug 인 경우 #TrouBleShooting cases selectory가없는 경우 #trouBleShooting casse = category.objects.all ()
    Context = { 'selected_cate_slug': selected_cate_slug, 'categories': categories}
    return render (요청, 'my_template.html', 컨텍스트)

프론트 엔드 템플릿 my_template.html 에서 Django 템플릿 언어를 사용하여 판단하십시오.

 {카테고리 카테고리 % %} %}
  <a class="{% if cate.slug == selected_cate_slug %}select{% else %}unselect{% endif %}" href="https://www.php.cn/link/87063c3b3376e86a570c9b34334cda1c"> {{category.name}}</a>
{ % endfor %}

이 코드는 하나의 IF 문만 사용하며 selected_cate_slug 에 따라 각 링크의 클래스 속성을 동적으로 설정할 수 있습니다. 이 접근법은 복잡한 논리를 프론트 엔드 템플릿 처리로 전송하여 백엔드 코드를 단순화합니다. 카테고리 수가 변경되면 IF 문 자체를 수정하지 않고 categories 의 획득 방법을 조정하면 코드의 유지 관리가 향상됩니다. 또한 잠재적 오류를 피하기 위해 selected_cate_slug 의 처리가 추가됩니다.

위 내용은 Django Backend의 프론트 엔드 링크 스타일을 우아하게 제어하는 ​​방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!