如何使用django在html页面中运行python代码

我正在学习使用django框架进行web开发。在html页面中运行python代码没有什么困难。我需要遍历一个字符串列表，该列表基本上包含我希望在旋转木马中显示的图像路径。我在galleryPage.html文件的第83行：'with.I'上收到了此错误“无效的块标记，应为'endblock'。当我尝试打开该页面时，是否忘记注册或加载此标记？”。到目前为止，我只写了几行代码

/views.py/

/galleryPage.html/

{%extends'base.html%}
{%block title%}图库{%endblock%}
{%block slideshow%}
*{框大小：边框框；}
正文{字体系列：Verdana，无衬线；}
.mySlides{display:none；}
img{垂直对齐：中间；}
/*幻灯片容器*/
.slideshow容器{
最大宽度：1000px；
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.主动{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}
@关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}
/*在较小的屏幕上，减小文本大小*/
@仅介质屏幕和（最大宽度：300px）{
.text{字体大小：11px}
}
{%endblock%}
{%block content%}
{%with.i=0%}
{{对于imageList.0中的图像：}
{%++i%}
{%i%}/{{imageList.size（）}
标题文本
{%endwith%}


var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；islides.length）{slideIndex=1}
对于（i=0；i

应该是

{% with i=0 %}

为什么使用imageList.0而不是imageList

另外，我想你可能会考虑把你现在的“和”和“to”组合成一个“循环”，如上面我所说的文档：

{% for key, image in imageList %}
   <div class="mySlides fade">
   <div class="numbertext"> {% key %} / {{ imageList.size() }} </div>
   <img src="{{ image }}" style="width:100%">
   <div class="text">Caption Text</div>
   </div>
{% endfor %}

{%用于键，图像在imageList%}
{%key%}/{{imageList.size（）}
标题文本
{%endfor%}

这样，您就不需要自己增加i，并且消除了一些复杂性（和一些错误源）

应该是

{% with i=0 %}

为什么使用imageList.0而不是imageList

另外，我想你可能会考虑把你现在的“和”和“to”组合成一个“循环”，如上面我所说的文档：

{% for key, image in imageList %}
   <div class="mySlides fade">
   <div class="numbertext"> {% key %} / {{ imageList.size() }} </div>
   <img src="{{ image }}" style="width:100%">
   <div class="text">Caption Text</div>
   </div>
{% endfor %}

{%用于键，图像在imageList%}
{%key%}/{{imageList.size（）}
标题文本
{%endfor%}

---

这样，您就不需要自己增加i，并且消除了一些复杂性（以及一些错误源）。

需要的是一个

{%endwith%}

@Ashley这是我在完成change@MaximeK你是说紧跟在“{%with i=0%}”行之后吗，而不是在for循环的末尾？@Harry如果你删除i周围的空格，你还会得到错误吗？需要的是一个

{%endwith%}

@Ashley这是我在执行change@MaximeK你是说紧跟在“{%with i=0%}”行之后吗，而不是在for循环的末尾？@Harry如果你删除i周围的空格，你还会得到错误吗？

{% for key, image in imageList %}
   <div class="mySlides fade">
   <div class="numbertext"> {% key %} / {{ imageList.size() }} </div>
   <img src="{{ image }}" style="width:100%">
   <div class="text">Caption Text</div>
   </div>
{% endfor %}