[Flask] API를 연동한 Flask 웹서비스 - html

1. 소스코드 (일부)

1) jinja 변수 사용 부분

server.py에서 가져온 jinja2 데이터를 for문을 통해 보여줌 (소스코드 4, 6, 8)

 

jinja2 : 변수로 사용시 {{ data명 }}

          for문 사용시 시작지점 - {% for문 입력 %}, 마지막지점 - {% endfor %}

                  <div class="v_left">
                    <div class="front">
                      <div class="fadeOut owl-carousel">
                        {% for i in range(1,len_s-1) %}
                        <div class="item">
                          <h6>{{ s_data[i-1][0] }}<br></h6>
                        </div>
                        {% endfor %}
                      
                      </div>
                    </div>
                  </div>                  
 
                <div class="v_center">
                    <div class="realcenter">
                      <div class="fadeOut owl-carousel" id="block-2">
                        {% for i in range(1,len_s-1) %}
                        <div class="item">
                          <h3 style="color: black;">{{ s_data[i][0] }}</h3>
                          <h6 style="color: black;">{{ s_data[i][1] }}<br></h6>
                          <h6 style="color: black;">{{ s_data[i][2] }}<br></h6>
                          <h6 style="color: black;">{{ s_data[i][3] }}<br></h6>
                        </div>
                        {% endfor %}
                      
                      </div>
                    </div>
                  </div>

<script>
      jQuery(document).ready(function($) {
              $('.fadeOut').owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 8000,
                smartSpeed: 0,
                animateOut: 'fadeOut',
                animateIn: 'fadeIn',
                nav: false,
                dots: false
              });
      });
      
    </script>

   <meta http-equiv="refresh" content="86400">