我正在尝试将此片段集成到我们的django项目中:
只是自定义HTML
和CSS
。
html
看起来像这样:
<div class="bs-calltoaction bs-calltoaction-success">
<div class="row">
<div class="col-md-9 cta-contents">
<h1 class="cta-title">Its a Call To Action</h1>
<div class="cta-desc">
<p>Describe the action here.</p>
<p>Describe the action here.</p>
<p>Describe the action here.</p>
</div>
</div>
<div class="col-md-3 cta-button">
<a href="#" class="btn btn-lg btn-block btn-default">Go for It!</a>
</div>
</div>
</div>
因此,如果我想将其与消息框架集成,我可以做:
{% for message in messages %}
<div class="bs-calltoaction bs-calltoaction-{{ message.tags }}">
<div class="row">
<div class="col-md-9 cta-contents">
{{ message }}
</div>
<div class="col-md-3 cta-button">
<a href="#" class="btn btn-lg btn-block btn-default">Go for It!</a>
</div>
</div>
</div>
{% endfor %}
但我想指定标题<h1>
和子消息列表<p>
因此,我需要添加到诸如字典之类的消息,该字典可以容纳诸如{'title':'This is a title','submessages':[1,2,3]}
之类的其他属性,以便我可以做:
{% for message in messages %}
<div class="bs-calltoaction bs-calltoaction-{{ message.tags }}">
<div class="row">
<div class="col-md-9 cta-contents">
<h1 class="cta-title">{{ message.title }}</h1>
<div class="cta-desc">
<p>{{ message.submessages.0 }}</p>
<p>{{ message.submessages.1 }}</p>
</div>
</div>
<div class="col-md-3 cta-button">
<a href="#" class="btn btn-lg btn-block btn-default">Go for It!</a>
</div>
</div>
</div>
{% endfor %}
是否可以使用Django消息?还是您建议另一种方法?我可以将这样的变量传递到上下文中,但是如果可能的话,我想使用消息。
您可以使用extra_tags
消息属性获得一定的自由。
请参阅https://docs.djangoproject.com/en/1.11/ref/contrib/messages/#adding-extra-extra-message-tags
因此,您可以使用不同的extra_tags
来进行不同的呼吁,例如
# views.py
messages.success(request, 'You have signed up', extra_tags='suggest_upgrade')
或:
messages.success(request, 'You have signed up', extra_tags='suggest_share')
,然后:
{% for message in messages %}
{% if 'suggest_upgrade' in message.extra_tags %}
<h1>Get these extra features</h1>
<p>info here</p>
{% elif 'suggest_share' in message.extra_tags %}
<h1>Share with friends</h1>
<p>other info here</p>
{% endif %}
{% endfor %}
您甚至可以将提交作为标签本身,尽管它可能不是为此目的而设计的:
messages.success(request, 'Main message here', extra_tags='submessage here')
,然后:
{% for message in messages %}
<h1>{{ message }}</h1>
<p>{{ message.extra_tags }}</p>
{% endfor %}
消息不需要是字符串。在您的情况下,使用字典可以正常工作:
messages.success(request, {'title':'This is a title','submessages':[1,2,3]})
然后在模板中:
{% for message in messages %}
<div class="bs-calltoaction bs-calltoaction-{{ message.tags }}">
<div class="row">
<div class="col-md-9 cta-contents">
<h1 class="cta-title">{{ message.message.title }}</h1>
<div class="cta-desc">
<p>{{ message.message.submessages.0 }}</p>
<p>{{ message.message.submessages.1 }}</p>
</div>
</div>
<div class="col-md-3 cta-button">
<a href="#" class="btn btn-lg btn-block btn-default">Go for It!</a>
</div>
</div>
</div>
{% endfor %}