如何在Django中使用查询字符串参数加载不同的css样式

Question

urls.py：

urlpatterns = [
    # Examples:
    url(r'^/pageId=yeti$', home, name='home'),
]

layout.html：

if(pageId == 'yeti'):    
        <link rel="stylesheet" type="text/css" href="{% static 'app/content/bootswatch/yeti/bootstrap.min.css' %}" />    


    <select class="form-control" id="themeLoader" onchange={% url '/pageId=yeti/' %}>
                    <option value="Yeti">Yeti</option>
                </select>

views.py：

def home(request):
    """Renders the home page."""


    pageId = ""
    if(request.GET.get('pageId')):
       pageId= "yeti"
    elif request.POST.get('pageId'):
      pageId = request.POST.get('pageId')      
    return render(
        request,
        'app/index.html',
        context =
        {
            pageId : pageId,
            'title':'Home Page',
            'year':datetime.now().year,
        }
    )

Answer 1

您应该使用django模板语言来指导模板layout.html中的逻辑流。

下面链接到django模板语言中的if语句：https://docs.djangoproject.com/en/1.8/ref/templates/builtins/#std:templatetag-if

下面是模板的样子，使用django模板语言：

{% if pageId == "yeti" %}
  <link rel="stylesheet" type="text/css" href="{% static 'app/content/bootswatch/yeti/bootstrap.min.css' %}" />
{% endif %}       

<select class="form-control" id="themeLoader" onchange={% url '/pageId=yeti/' %}>
    <option value="Yeti">Yeti</option>
</select>

Answer 2

layout.html

{%  if pageId2 == "Cerulean" %}
        <link rel="stylesheet" type="text/css" href="{% static 'app/bootswatch/cerulean/bootstrap.min.css' %}" />
    {% endif %}

    {%  if pageId2 == "Cosmo" %}
        <link rel="stylesheet" type="text/css" href="{% static 'app/bootswatch/cosmo/bootstrap.min.css' %}" />
    {% endif %}

<form action="{% url 'home' %}" method="Post">
                        {% csrf_token %}
                        <select style="margin:5px;" class="form-control" id="themeLoader" name="themeLoader" onchange="this.form.submit()">
                            <option value="Select">Select Theme</option>
                            <option value="Cerulean">Cerulean</option>
                            <option value="Cosmo">Cosmo</option>        
                      </select>                        
                </form>  

views.py

def home(request):
    """Renders the home page."""

    pageId = ""
    if(request.GET.get('pageId')):
       pageId= "Cerulean"

    elif request.POST.get('themeLoader'):
      pageId = request.POST.get('themeLoader')      
    return render(
        request,
        'app/index.html/',
        context =
        {
            'pageId2' : pageId,
            'title':'Home Page',
            'year':datetime.now().year,
        }
    )