我一直在使用 Django 消息框架来显示应用程序中的成功或失败消息。但我希望 UI 良好,所以我发现 toastr 是向用户显示消息的好方法。但我不知道如何使用它。请引导我完成这个过程。
下面的函数将用户保存到数据库,当保存用户信息时会显示一条消息:
def addSubscriber(request):
template = 'addSubscriber.html'
if request.method == 'POST':
form = addSubsForm(request.POST)
if form.is_valid():
f = form.save(commit=False)
f.save()
messages.success(request, "The Subscriber has been successfully added")
return redirect('report')
else:
messages.error(request, "Sorry the data has not been entered to the database")
else:
form = addSubsForm()
return render(request, template, {'form': form})
以下模板显示了消息的显示:
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
感谢这个问题我能够实现toastr
对于 python,这是 Neeraj Kumar 给出的更完整的答案。
就我而言,它比 Materialise 好得多,因为 CSS 工具包破坏了我自己的 CSS 代码,而且我没有时间进行 CSS 调试。
First,在你的模板中,你必须设置JS文件, 例子:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/toastr.css' %}" media="all">
<script type="text/javascript" src="{% static 'js/toastr.min.js' %}"></script>
接下来,在身体内部,您可以为 Toast 消息添加选项(这些选项可以轻松创建在 Toastr 演示页面中。 https://codeseven.github.io/toastr/demo.html
最后,插入此代码块如果您使用 django 消息框架的标准标签:
{% if messages %}
{% for message in messages %}
{% if message.tags == 'success'%}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'info' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'warning' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'error' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% endif %}
{% endfor %}
{% endif %}
我希望这对其他人有帮助并节省时间。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)