在 Django 模板中渲染并行数组

在 Django 模板中渲染并行数组通常涉及使用模板语言中的循环结构来遍历和展示数组中的每个元素。假设你有一个名为 items 的数组,你可以按照以下方式在 Django 模板中渲染它:

复制代码
<ul>
  {% for item in items %}
    <li>{{ item }}</li>
  {% endfor %}
</ul>

在这个例子中,items 是一个 Python 列表,它会在模板中被展开并显示每个元素。每次迭代循环时,变量 item 将代表数组中的一个元素,并通过 {``{ item }} 的方式插入到 HTML 中。

如果 items 是一个包含字典或对象的列表,你可以使用点表示法访问它们的属性。例如,如果 items 是一个包含对象的列表,每个对象有一个 name 属性,可以这样访问:

复制代码
<ul>
  {% for item in items %}
    <li>{{ item.name }}</li>
  {% endfor %}
</ul>

这种方法使得在 Django 模板中展示和渲染多个数组元素非常方便和灵活。

1、问题背景

在使用 Django 渲染模板时,有时需要同时渲染两个数组的数据,一个数组是需要输出的数据,另一个数组是用于删除项的表单集。由于 Django 不支持在模板标签中使用布尔运算符,直接将这两个数组打包在一起可能会导致只渲染第一个项目和第一个表单。因此,需要一种方法将这些项目打包在一起,以便在同一个 for 循环中渲染它们。

2、解决方案

可以使用 Python 内置的 zip 函数来解决这个问题。zip 函数可以将多个可迭代对象打包成一个元组的列表,其中每个元组包含这些可迭代对象中相应位置的元素。

在视图中,可以使用以下代码将 post 数组和 delpostformset.forms 数组打包在一起:

python 复制代码
post_and_form = zip(post, delpostformset.forms)

然后在模板中,可以使用以下代码来渲染打包后的数组:

html 复制代码
{% for post, form in post_and_form %}
{% endfor %}

这样,就可以在一个 for 循环中渲染这两个数组的数据了。

以下是一个完整的示例代码:

视图

python 复制代码
from django.shortcuts import render_to_response
from django.template import RequestContext
from forum.models import forum, UserProfile
from django.contrib.auth.decorators import login_required
from forum.forms import PostForm, PostDeleteForm, ReadForumForm
from django.forms.models import modelformset_factory

@login_required
def forums(request ):

    post = list(forum.objects.filter(child='0') & forum.objects.filter(deleted='0'))
    user = UserProfile.objects.get(pk=request.session['_auth_user_id'])
    newpostform = PostForm(request.POST)
    deletepostform = PostDeleteForm(request.POST)
    DelPostFormSet = modelformset_factory(forum, exclude=('child','postSubject','postBody','postPoster','postDate','childParentId'))
    readform = ReadForumForm(request.POST)
    if newpostform.is_valid():
        topic = request.POST['postSubject']
        poster = request.POST['postPoster']
        newpostform.save()
    newpostform = PostForm(initial = {'postPoster':user.id})
    post = list(forum.objects.filter(child='0') & forum.objects.filter(deleted='0'))

    else:
        newpostform = PostForm(initial = {'postPoster':user.id})

    if request.method == 'POST':
        delpostformset = DelPostFormSet(request.POST)
        if delpostformset.is_valid():
            delpostformset.save()

    else:
        delpostformset = DelPostFormSet(queryset=forum.objects.filter(child='0', deleted='0'))

    post_and_form = zip(post, delpostformset.forms)

    return render_to_response('forum.html', {'post': post_and_form, 'newpostform': newpostform, },  context_instance=RequestContext(request))

模板

html 复制代码
<table class="results">
<tr class="inner_results_header"><td >Title</td><td>Date/Time</td><td>Poster</td>      <td>Body</td><td><form method="post" id="form" action=""  class="usertabs accfrm"><input type="submit" value="Delete" /></td></tr>  
{{formset.management_form}}
{% for post, form in post   %}



{% url forum_view p.postID  as post_url%} 
<tr  class="inner_results {% if forloop.counter|divisibleby:2 %}evens{% else %}odds{% endif %}"><span onclick="document.location.href='{{post_url}}';"><td>{{ p.postSubject}}</td><td>{{p.postDate}}</td><td>{{ p.postPoster}}</td><td>{{ p.postBody|truncatewords:50}}</td></span><td>


{{ form.as_p }}


</td></tr> 

{% endfor %}

<tr class="inner_results_header"><td >Title</td><td>Date/Time</td><td>Poster</td> <td>Body</td><td><input type="submit" value="Delete" /></form></td></tr>  

这样,就可以在 Django 模板中渲染并行数组了。

相关推荐
Brookty2 分钟前
【JavaEE】线程安全-内存可见性、指令全排序
java·开发语言·后端·java-ee·线程安全·内存可见性·指令重排序
獭.獭.12 分钟前
Linux -- 信号【上】
linux·运维·服务器
学编程的小程16 分钟前
突破局域网限制:MongoDB远程管理新体验
数据库·mongodb
百锦再16 分钟前
[特殊字符] Python在CentOS系统执行深度指南
开发语言·python·plotly·django·centos·virtualenv·pygame
Anson Jiang16 分钟前
浏览器标签页管理:使用chrome.tabs API实现新建、切换、抓取内容——Chrome插件开发从入门到精通系列教程06
开发语言·前端·javascript·chrome·ecmascript·chrome devtools·chrome插件
波波烤鸭24 分钟前
Redis 高可用实战源码解析(Sentinel + Cluster 整合应用)
数据库·redis·sentinel
会开花的二叉树25 分钟前
继承与组合:C++面向对象的核心
java·开发语言·c++
路由侠内网穿透1 小时前
本地部署 GPS 跟踪系统 Traccar 并实现外部访问
运维·服务器·网络·windows·tcp/ip
长河2 小时前
Java开发者LLM实战——LangChain4j最新版教学知识库实战
java·开发语言
Cyan_RA92 小时前
SpringMVC @RequestMapping的使用演示和细节 详解
java·开发语言·后端·spring·mvc·ssm·springmvc