장고 템플릿 : 템플릿 업데이트 최적화

Question

확실한 질문입니다. 몇 가지 움직이는 부분이있는 템플릿이 있으며이 장고를 구성하는 가장 좋은 방법은 방향을 찾고 있습니다 response. 이 <\div>

<div> 표시 complex_calculation_2의 결과 + A button을 div에 대한이 <\div>을 div에 대한

<div> 표시 complex_calculation_1의 결과 + A button 데이터를 업데이트하기 위해 데이터를 업데이트 :

이 같은 템플릿이 고려

<div>이 div의 데이터를 업데이트하기 위해 complex_calculation_3 + a button의 결과를 표시합니다.complex_calculation_4 + A button의

<div> 결과 표시는 각 계산의 출력은 쉽게 저장 <\div>

전체 페이지를 업데이트합니다. 현재 button이 푸시 될 때마다 특정 계산을 다시 계산 한 다음 모든 부분에서 많은 forloop 반복을 발생시키는 전체 페이지를 다시 렌더링합니다.

템플릿의 각 부분을 최적의 방식으로 캐싱하고 싶습니다 (업데이트 될 페이지 부분 만 업데이트하고 업데이트 된 페이지를 렌더링하는 response) 적절하게.

제 궁금한 점은 : 효율성을 극대화하는 방식으로 어떻게 처리해야합니까?

Answer 1

사용 jquery 및 ajax는 가정, 템플릿의 단지 특정 부분을 업데이트 :

<div> 
    <span id="data_1"> Display results of complex_calculation_1 + </span> 
    <button class="data_btn" span_id="data_1">Update</button> 
<\div> 

<script> 
$('.data_btn').click(function(){ 
    // send post data which you need in `data` variable 
    $.ajax({ 
     type: 'POST', 
     url: '{% url 'url_name_for_your_view_here' %}', 
     data: {'csrfmiddlewaretoken': '{{csrf_token}}'}, 
     dataType: "text", 
     success: function(response) { 
      $($(this).attr('span_id')).text(response.data); 
      //where response.data is the data which you want to display 
     }, 
     error: function(rs, e) { 
      alert(rs.responseText); 
      alert('Oops! something went worng..'); 
     } 
    }); 
    }); 
</script> 

Answer 2

해당 사이트 방문자가 JavaScript를 사용한다고 가정 할 수 있다면 ajax, 을 사용하여 데이터를 보내고 별도의보기로 계산을 수행 한 다음 다시 사이트에 게시하면 전체 페이지가 다시로드되지 않습니다. , 그리고 그것은 매우 우아 해 보일 것이다.

물론 모든 방문자는 브라우저가 JavaScript를 지원하지 않아도 사이트를 사용할 수 있어야하지만 방문자 수가 소수 일 경우이 드문 경우에만 최적화해야합니다. 그것을 그대로 두십시오.

장고의 메커니즘을 캐싱하는 것에 대해 잘 모르므로, 실제로 Ajax에 의존 할 수 없다면 아무 것도 제안하지 않겠습니다.