这一部分主要涉及到后台View的设计，前端HTML页面的设计：

后台设计View:

from django.views.generic import Viewclass ForTrView(View):def get(self, request):integer_list = []string_list = []# 这里设计两个列表，一会前端填充这两个列表for i in range(10):integer_list.append(i)string_list.append("string:" + str(i))return render(request, 'for_tr.html', {# 方法一：（推荐）"item_method": [{'item1': t[0], 'item2': t[1]} for t in zip(integer_list, string_list)],# 方法二：'zip_method': zip(integer_list, string_list),})

前端设计HTML：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>upload_table</title>
</head>
<body>
<table><h1>方法1：</h1>{% for item_loop in item_method %}<tr><td>{{ forloop.counter }}</td><td>{{ item_loop.item1 }}</td><td>{{ item_loop.item2 }}</td></tr>{% endfor %}
</table>
<table><h1>方法2：</h1>{% for integer,string in zip_method %}<tr><td>{{ forloop.counter }}</td><td>{{ integer }}</td><td>{{ string }}</td></tr>{% endfor %}
</table></body>
</html>

然后就可以得到如下结果：

方法1：
1   0   string:0
2   1   string:1
3   2   string:2
4   3   string:3
5   4   string:4
6   5   string:5
7   6   string:6
8   7   string:7
9   8   string:8
10  9   string:9
方法2：
1   0   string:0
2   1   string:1
3   2   string:2
4   3   string:3
5   4   string:4
6   5   string:5
7   6   string:6
8   7   string:7
9   8   string:8
10  9   string:9

django前端模板循环多个list相关推荐

Django前端模板渲染（超链接配置）
目录 (一)列表页 (二)详情页 (三)运行项目,观看结果 (一)列表页列表标题展示页 menu.html 代码: <!DOCTYPE html> <html lang=&q ...
django 使用网上下载的前端模板
记录一下django使用前端模板的过新手,没写过前端,不对的地方欢迎大神指教!!!谢谢. 环境 windows7 django3.X pycharm 1使用pycharm 创建django项目 2创 ...
django自动转化前端模板中static的css，js引用
在导入前端模板时,总是要手工处理所有引用,这里写一份代码,解决这个问题: import redef change_static(script_origin: str):script_origin = ...
04 Django之模板系统
一.语法关于模板渲染只需要记住两种特殊符号(语法): {{ }} 和 {% %} (变量相关用{{ }} 逻辑相关用{% %}) 二.变量在Django的模板语言中按照{{ 变量名 }}来使用 ...
Django：模板系统_基础
模板 1.在前面的章节例子中我们都是使用:django.http.HttpResponse来把指定的字符串内容显示到网页上.而实际生活中其实很少这样用,因为实际中的页面都是带有样式的HTML代码,这样 ...
Django的模板层
一模板语法之变量在Django模板中遍历复杂数据结构的关键是句点字符,语法: {{var_name}} views.py: def index(request): import datetimes ...
django之模板语法
1. 变量 Django 模板中遍历复杂数据结构的关键是句点字符句点符 views.py def index(request):'''模板语法:渲染变量 -> {{}}1. 深度查询,用的句点 ...
swig模板 PHP,nodejs前端模板引擎swig入门
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是他没有一个html该有的样子... 所以我还是决定使用swig,页面结构,样子都是熟悉的样子, ...
（转）【前端模板之路】一、重构的兄弟说：我才不想看你的代码！把HTML给我交出来！...
原文地址:http://www.cnblogs.com/chyingp/archive/2013/06/30/front-end-tmplate-start.html 写在前面随着前端领域的发展和社 ...

django前端模板循环多个list

后台设计View:

前端设计HTML：

django前端模板循环多个list相关推荐

最新文章

热门文章