day 2

belajar/templates/belajar/index.html

@@ -17,7 +17,7 @@
         </thead>
         <tbody>
         {% if latest_product_list %}
-        {% for product in latest_product_list %}
+        {% for product in page_obj %}
         <tr>
             <th scope="row">{{ product.id }}</th>
             <td>{{ product.name_product }}</td>
@@ -53,7 +53,23 @@
         {% endif %}
         </tbody>
     </table>
+    <div class="pagination">
+        <span class="step-links">
+            {% if page_obj.has_previous %}
+                <a href="?page=1">&laquo; first</a>
+                <a href="?page={{ page_obj.previous_page_number }}">previous</a>
+            {% endif %}
+
+            <span class="current">
+                Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+            </span>
 
+            {% if page_obj.has_next %}
+                <a href="?page={{ page_obj.next_page_number }}">next</a>
+                <a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
+            {% endif %}
+        </span>
+    </div>
 </div>
 {% endblock %}
 

belajar/templates/belajar/search.html

@@ -18,7 +18,7 @@
       </thead>
         {% if search %}
       <tbody>
-        {% for product in search %}
+        {% for product in page_obj %}
         <tr>
           <th scope="row">{{ product.id }}</th>
           <td>{{ product.name_product }}</td>
@@ -54,5 +54,22 @@
       </tbody>
         {% endif %}
     </table>
+    <div class="pagination">
+        <span class="step-links">
+            {% if page_obj.has_previous %}
+                <a href="?q={{getSearch}}&page=1">&laquo; first</a>
+                <a href="?q={{getSearch}}&page={{ page_obj.previous_page_number }}">previous</a>
+            {% endif %}
+
+            <span class="current">
+                Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+            </span>
+
+            {% if page_obj.has_next %}
+                <a href="?q={{getSearch}}&page={{ page_obj.next_page_number }}">next</a>
+                <a href="?q={{getSearch}}&page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
+            {% endif %}
+        </span>
+    </div>
 </div>
 {% endblock %}
\ No newline at end of file

belajar/views.py

@@ -6,6 +6,7 @@ from django.http import HttpResponse
 from django.shortcuts import get_object_or_404, render
 from .models import Product
 from .models import Category
+from django.core.paginator import Paginator
 
 def index(request):
     # latest_product_list = Product.objects.order_by('-id')
@@ -18,9 +19,20 @@ def index(request):
     # short hand
 
     latest_product_list = Product.objects.order_by('id')
-    context = {'latest_product_list': latest_product_list}
+    paginator = Paginator(latest_product_list, 3) # Show 25 contacts per page.
+
+    page_number = request.GET.get('page')
+    page_obj = paginator.get_page(page_number)
+    context = {'latest_product_list': latest_product_list, 'page_obj': page_obj}
     return render(request, 'belajar/index.html', context)
 
+    # latest_product_list = Product.objects.all()
+    # paginator = Paginator(latest_product_list, 1) # Show 25 contacts per page.
+    #
+    # page_number = request.GET.get('page')
+    # page_obj = paginator.get_page(page_number)
+    # return render(request, 'belajar/index.html', {'page_obj': page_obj})
+
 def edit(request, product_id):
     # product_detail = Product.objects.raw(f'SELECT * FROM belajar_product WHERE id = {product_id}')
     product_detail = Product.objects.get(id=product_id)
@@ -76,5 +88,9 @@ def delete(request, product_id):
 def search(request):
     getSearch = request.GET['q']
     search = Product.objects.filter(name_product__icontains=getSearch)
-    context = {'search': search}
+    paginator = Paginator(search, 3)  # Show 25 contacts per page.
+
+    page_number = request.GET.get('page')
+    page_obj = paginator.get_page(page_number)
+    context = {'search': search, 'page_obj': page_obj, 'getSearch': getSearch}
     return render(request, 'belajar/search.html', context)