Vista detallada: vistas basadas en funciones Django

Vista detallada se refiere a una vista (lógica) para mostrar una instancia particular de una tabla de la base de datos con todos los detalles necesarios. Se utiliza para mostrar múltiples tipos de datos en una sola página o vista, por ejemplo, el perfil de un usuario. Django proporciona un soporte extraordinario para las vistas detalladas, pero veamos cómo se hace manualmente a través de una vista basada en funciones. Este artículo gira en torno a la Vista detallada, que involucra conceptos como Django Forms , Django Models
Para la Vista detallada, necesitamos un proyecto con algunos modelos y varias instancias que se mostrarán.
 

Vista detallada de Django: vistas basadas en funciones

Ilustración de cómo crear y usar la vista de detalles usando un ejemplo. Considere un proyecto llamado geeksforgeeks que tenga una aplicación llamada geeks. 
 

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

Después de tener un proyecto y una aplicación, creemos un modelo del cual crearemos instancias a través de nuestra vista. En geeks/models.py, 
 

Python3

# import the standard Django Model
# from built-in library
from django.db import models
  
# declare a new model with a name "GeeksModel"
class GeeksModel(models.Model):
 
    # fields of the model
    title = models.CharField(max_length = 200)
    description = models.TextField()
 
    # renames the instances of the model
    # with their title name
    def __str__(self):
        return self.title

Después de crear este modelo, necesitamos ejecutar dos comandos para crear la base de datos para el mismo. 
 

Python manage.py makemigrations
Python manage.py migrate

Ahora vamos a crear algunas instancias de este modelo usando shell, ejecute form bash, 
 

Python manage.py shell

Ingrese los siguientes comandos 
 

>>> from geeks.models import GeeksModel
>>> GeeksModel.objects.create(
                       title="title1",
                       description="description1").save()
>>> GeeksModel.objects.create(
                       title="title2",
                       description="description2").save()
>>> GeeksModel.objects.create(
                       title="title3",
                       description="description3").save()

Ahora tenemos todo listo para el back-end. Verifique que las instancias se hayan creado desde http://localhost:8000/admin/geeks/geeksmodel/ 
 

django-Detailview-check-models-instances

Para detail_view, se necesitaría alguna identificación para obtener una instancia particular del modelo. Por lo general, es una clave principal única, como id . Para especificar esta identificación necesitamos definirla en urls.py. Vaya a geeks/urls.py, 
 

Python3

from django.urls import path
 
# importing views from views..py
from .views import detail_view
 
urlpatterns = [
    path('<id>', detail_view ),
]

Vamos a crear una vista y una plantilla para el mismo. En geeks/views.py,
 

Python3

from django.shortcuts import render
 
# relative import of forms
from .models import GeeksModel
 
# pass id attribute from urls
def detail_view(request, id):
    # dictionary for initial data with
    # field names as keys
    context ={}
 
    # add the dictionary during initialization
    context["data"] = GeeksModel.objects.get(id = id)
         
    return render(request, "detail_view.html", context)

Cree una plantilla en templates/Detail_view.html, 
 

html

<div class="main">
     
    <!-- Specify fields to be displayed -->
    {{ data.title }}<br/>
    {{ data.description }}<br/>
 
</div>

Veamos qué hay en http://localhost:8000/1 
 

django-detail-view-demo1

Bingo..!! La vista detallada funciona bien. También se pueden mostrar campos seleccionados según el tipo de uso requerido en múltiples formularios. A menudo, no es la identificación la que se usa para definir la vista detallada, es el slug. Para saber más sobre slug y SlugField visite: agregue el campo slug dentro del modelo Django
 

Publicación traducida automáticamente

Artículo escrito por NaveenArora y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *