烧瓶中来自python的jinja2动态html表

如何解决烧瓶中来自python的jinja2动态html表

我想用来自2个SQL查询的值在postgresql中创建动态表。 从第一个查询开始,我想创建前6行,并且应将7行链接到文件。

我首先创建值value2,然后从中创建表。

<table class="table table-striped table-bordered" id="xxx" width="100%" data-name="mytable">
 
 
        <thead> 
        <tr> 
            <th onclick="sortTable(0,'xxx')">aaa</th> 
            <th onclick="sortTable(1,'xxx')">bbb</th> 
            <th onclick="sortTable(2,'xxx')">ccc</th> 
            <th onclick="sortTable(3,'xxx')">ddd</th> 
            <th onclick="sortTable(4,'xxx')">eee</th> 
            <th onclick="sortTable(5,'xxx')">fff</th> 
        </tr> 
        </thead> 
        <tbody> 
            {% for row in value2%}  
                <tr> 
                    <td>{{row[0]}}</td> 
                    <td>{{row[1]}}</td> 
                    <td>{{row[2]}}</td> 
                    <td>{{row[3]}}</td> 
                    <td>{{row[4]}}</td> 
                    <td>{{row[5]}}</td> 
                </tr> 
            {% endfor %} 
        </tbody> 
</table>

从第二个查询中,我获得value11作为文件的链接,并且我希望将此文件的链接设置为表中的最后一列

{% for plik in value11 %}      
       <td>
                    <form action="{{ url_for('static',filename=plik|string +'.xml') }}">
                        <input type="submit" value="pokaz plik" />
                    </form>
                </td> 
         {% endfor %}

任何人都可以帮助创建此表吗? 我尝试使用此代码,但这是错误的想法; /

<table class="table table-striped table-bordered" id="czyodramke" width="100%" data-name="mytable">
 
 
        <thead> 
        <tr> 
            <th onclick="sortTable(0,'xxx')">fff</th> 
        </tr> 
        </thead> 
        <tbody> 
            {% for row in value2%}  
            {% for plik in value11 %}
                <tr> 
                    <td>{{row[0]}}</td> 
                    <td>{{row[1]}}</td> 
                    <td>{{row[2]}}</td> 
                    <td>{{row[3]}}</td> 
                    <td>{{row[4]}}</td> 
                    <td>{{row[5]}}</td> 
 
                 <td>
                        <form action="{{ url_for('static',filename=plik|string +'.xml') }}">
                            <input type="submit" value="pokaz plikl" />
                        </form>
                    </td> 
                </tr> 
            {% endfor %} 
             {% endfor %}
        </tbody> 
</table> 

这就是我获得value2和value11的方式

cursor.execute (slq_query)
data2 = cursor.fetchall()   
data11 = cursor.fetchall()
data11len = (len(data11))
lst = list(range(data11len))
print (lst)
for i in range (len(data11)):
naszplik = ''.join(data11[i])
with open(f"project/static/{i}.xml","w",encoding="utf-8") as f:
f.write(naszplik)
return render_template('wyniki.html',value2=data2,value11=lst)

解决方法

每当在Jinja中使用服务器中的变量时,都必须用双花括号将它们括起来:{{ variable }}。不这样做将导致Jinja并因此Flask忽略您的变量。我认为您可能会在某些情况下缺少括号。例如,您这样做:

{% for plik in value11 %}      
       <td>
                    <form action="{{ url_for('static',filename=plik|string +'.xml') }}">
                        <input type="submit" value="pokaz plik" />
                    </form>
                </td> 
         {% endfor %}

您多次使用plik,但这只是单词“ plik”的字符串,而不是分配给value11当前迭代的变量。解决起来非常容易,只需将{{ }}包装起来,看看是否能解决问题

,

我的问题不仅是第二个查询,我想创建表格形式的2个变量,如下表:

|aaa |bbb   |ccc  |ddd  |eee  |plik  |
|aaa1 |bbb1 |ccc1 |ddd1 |eee1 |plik1 |
|aaa2 |bbb2 |ccc2 |ddd2 |eee2 |plik2 |

现在我有2个不同的表: 第一张桌子

|aaa  |bbb   |ccc  |ddd  |eee  |
|aaa1 |bbb1 |ccc1 |ddd1 |eee1 |
|aaa2 |bbb2 |ccc2 |ddd2 |eee2 |

第二张桌子

|plik  |
|plik1 |
|plik2 |

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-