Proyecto Django: creación de un sitio web básico de comercio electrónico para mostrar productos

Título del proyecto : sitio web básico de comercio electrónico con Django 

Django es un marco poderoso basado en python. Aquí veremos cómo crear un sitio web básico de comercio electrónico en Django. Este proyecto incluye almacenar productos en la base de datos y mostrarlos en el sitio web. 

Consulte los siguientes artículos para comprobar cómo crear un proyecto y una aplicación en Django.

• ¿Cómo crear un proyecto básico usando MVT en Django?
• ¿Cómo crear una aplicación en Django?

¿Cómo crear un sitio web básico de comercio electrónico usando Django?

Ahora, cuando haya instalado Django con éxito. Crear un nuevo proyecto – 

django-admin startproject ecom 

Ahora crea una nueva aplicación llamada frontend dentro del proyecto ecom. Ahora tenemos 1 proyecto y 1 aplicación dentro de ese proyecto.]

django-admin startapp frontend

Estructura de directorios – 
 

Creación de URL – 

En ecom > urls.py agrega las siguientes líneas. Este archivo maneja las URL del proyecto principal. Pero no queremos molestarlo, así que haremos nuestro trabajo en frontend > URLs.py. Y para eso necesitamos incluir URLs frontend > dentro de las URLs de ecom>. 

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

Creación de modelos – 

Agregue un modelo de producto aquí.
 

class Product(models.Model):
    productname = models.CharField(max_length=200)
    price = models.DecimalField(max_digits=5, decimal_places=2)
    description = models.TextField()
    image = models.CharField(max_length=5000, null=True, blank=True)

Para saber más sobre los modelos de Django, consulte – Modelos de Django

Registrar modelos en admin – 

Justo después de crear el modelo, debemos registrar ese formulario en admin.py.
 

from django.contrib import admin
from .models import *


admin.site.register(Product)

Creación de vistas para mostrar productos – 

En frontend > views.py escribimos una función para obtener y mostrar productos de nuestra base de datos. 

from django.shortcuts import render
from .models import *

def products(request):
    products = Product.objects.all()
    return render(request, 'products.html', {'products':products})

Creando URL para productos – 

 Aquí estableceremos una URL dinámica que puede ser útil para mostrar nuestros productos. En interfaz > urls.py

from django.urls import path
from . import views

urlpatterns = [

    path('products/', views.products, name='products'),

]

Creación de plantilla – 

La creación de una plantilla depende de cómo desee mostrar los productos en el sitio web. Para mostrar productos, hemos compartido un código simple. Agréguelo en la interfaz > plantillas > productos.html

{% for product in products %}
<div class="card" style="width: 18rem;">
  <img class="card-img-top" src="{{ product.image }}" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">{{ product.productname }}</h5>
    <p class="card-text">{{ product.description }}</p>
    <p class="card-text">Price - {{ product.price }}</p>
    <a href="#" class="btn btn-primary">Buy Now</a>
  </div>
</div>
{% endfor %}

Hacer migraciones y migrar –

Ahora es el momento de migrar nuestro modelo a la base de datos. Primero, tenemos que crear migraciones. Para ese tipo de código siguiente en la terminal.

python manage.py makemigrations

Después de crear migraciones, escriba el siguiente código para aplicar esas migraciones

python manage.py migrate

Para obtener más información sobre makemigrations y migrar, consulte – Modelo básico de la aplicación – Makemigrations and Migrate

Crear superusuario – 

Ahora, cree un superusuario de Django para manejar cosas de administración. Escriba el siguiente comando en la terminal
 

django-admin createsuperuser

Luego le pedirá nombre de usuario, correo electrónico y contraseña. 

Ejecute la aplicación 

Después de crear superusuario, en tipo de terminal,

python manage.py runserver

  para iniciar el servidor e ir al panel de administración ( http://localhost:8000/admin ) y agregar algunos productos a la base de datos.

Producción – 

Eso es todo. Su sitio de comercio electrónico básico está listo donde puede mostrar sus productos