Vistas bases, listado y detalle - Tienda Online Django - 06

Siguiente paso, una vez Registrar aplicación y migraciones

Creamos las vistas bases o template maestro, así que vamos a crearla:

mystore\elements\templates\base.html

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Django</title>
</head>
<body>
   {% block content %}
     
   {% endblock  %}

   {% block footer %}
       <footer>
           <p>2025 - All rights reserved</p>
       </footer>
   {% endblock  %}
</body>
</html>

Esta es la que va a usar la de listado y la de detalle:

mystore\elements\views.py

from django.shortcuts import render

# Create your views here.

def index(request):
   return render(request,'elements/index.html')

def detail(request, pk):
   return render(request,'elements/detail.html')

De momento, queremos solamente es su estructura queremos trabajando poco a poco así que aclarado definamos acá la estructura:

Sus vistas:

mystore\elements\views.py

{% extends "base.html" %}

{% block content %}
   Index
{% endblock %}

Creamos la vista y su template para el detalle de los productos de tipo:

mystore\elements\views.py

{% extends "base.html" %}

{% block content %}
   Detail
{% endblock %}

Y las rutas:

mystore\elements\urls.py

from django.urls import path
from . import views

urlpatterns = [
   path('', views.index, name='index'),
   path('<int:pk>', views.detail, name='detail'),
]
mystore\mystore\urls.py

urlpatterns = [
   path('admin/', admin.site.urls),
   path('store/', include('elements.urls')),
]

Acepto recibir anuncios de interes sobre este Blog.

Vamos a crear la vista de listado y detalle del producto.

24-02-2025 - Andrés Cruz

In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos Curso y Libro desarrollo web con Django 5 y Python 3 + integración con Vue 3, Bootstrap y Alpine.js.