python+jinja2编写前端界面，发生Unexpected end of template问题，求解决！

发布于 2022-09-04 23:42:24 字数 6137 浏览 13 评论 0

<!DOCTYPE html >
<html>
<head>
<title>{{title}}</title>

<style>
table{

border:0;
border-collapse:collapse;
}

td{

font:normal 12px/17px Arial;
padding:2px;width:100px;
}

th{

font:bold 12px/17px Arial;
text-align:left;
padding:4px;
border-bottom:1px solid #333;
width:100px;
}

.parent{

background:#FFF38F;
cursor:pointer;
}  /* 偶数行样式*/

.odd{

background:#FFFFEE;
}  /* 奇数行样式*/

.selected{

background:#FF6500;
color:#fff;
}

</style>
</head>

<body>

   
<div class="row">
 
   <div class="col-xs-12">
  
      <h2 class="text-capitalize">{{title}}</h2>

       <p class='attribute'><strong></strong></p>

   </div>

</div>

<div class="row">
  
   <div class="col-xs-12 col-sm-10 col-md-10">

            <thead>
            <tr>
                <!--{% for n in list  %}-->
                <!--<th>{{ n['suite'] }}</th>-->
                <!--<th>Status</th>-->
                <th>Suite</th>
                <th>Status</th>
            </tr>
            </thead>

            <tbody>
                   <tr class="parent" id="row_01">

                       {% for n in list %}
                       <td>{{ n['suite'] }}</td>
                       <td>Status</td>
                   </tr>
                 <!--<tr class='{{status}}'>-->
                 <!--<tr class='{{status}}' id='row_02'>-->
                 <tr class='child_row_01' >
                      {% for i in n['suitecase'] %}
                      {% for a in i %}
                     <td class="col-xs-9">{{ a['tag'] }}--{{ a['action'] }}--{{ a['element'] }}</td>
             
                     <td class="col-xs-3">
                   
                          <span class="label label-{{a['status']}}">

                                   {% if "success" in a['status'] %}

                                      Pass
                        
                                   {% elif "info" in a['status'] %}
                            
                                      Skip
                                
                                   {% elif "danger" in a['status']%}
                   
                                      Fail
                           
                                   {% else %}
                                      
                                      Error
                                  
                                   {% endif %} </span>

                              
                                   {% if "success" not in a['status'] %}
   
                                &nbsp<button class="btn btn-default btn-xs">View</button>
                    
                                   {% endif %}
  
                     </td>
                                   {% if "success" not in a['status'] %}
                         
                                             <tr style="display:none;">

                                                  <td class="col-xs-9">

                                                           </td>

                            </tr>
                            {% endif %}

                            {% endfor %}

                                   {% endfor %}

                                     {% endfor %}

                  <tr>

                        <td>

                           Total Test Runned:{{total_test}}
              
                        </td>

                        <td class="row">

                                <span class="col-xs-3"></span>

                        </td>
                    </tr>

                </tbody>

        </div>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script src="http://www.codefans.net/ajaxjs/jquery1.3.2.js" ></script>
<script type="text/javascript">
    $(function(){
    $('tr.parent').click(function(){   // 获取所谓的父行
    $(this)
          .toggleClass("selected")   // 添加/删除高亮
          .siblings('.child_'+this.id).toggle();  // 隐藏/显示所谓的子行
       });
    })

    $(document).ready(function(){

        $('td').on('click', '.btn', function(e){

            e.preventDefault();

            var $this = $(this);

            var $nextRow = $this.closest('tr').next('tr');

            $nextRow.slideToggle("fast");

            $this.text(function(i, text){

                if (text === 'View') {

                    return 'Hide';

                } else {

                    return 'View';

                };

            });

        });

    });

</script>

</body>

</html>
将这个前端模板渲染，提示这个错误
jinja2.exceptions.TemplateSyntaxError: Unexpected end of template. Jinja was looking for the following tags: 'endfor' or 'else'. The innermost block that needs to be closed is 'for'.

分享到QQ

分享到微博