URLs Dinámicas en Django: Creación y Gestión Eficiente

Resumen

Configurar las URLs en Django es esencial para organizar tu proyecto y facilitar la navegación.

¿Cómo crear un archivo de URLs en Django?

Primero, debes crear un archivo urls.py en cada aplicación que desarrolles. Por ejemplo, si tienes una aplicación llamada MyFirstApp, debes crear un archivo urls.py dentro de esta aplicación.

Crear el archivo: En la aplicación MyFirstApp, crea un archivo llamado urls.py.
Copiar y pegar configuración básica: Puedes copiar la configuración básica de otro archivo de URLs y modificarla según sea necesario.
Eliminar enlaces e importaciones innecesarias: Mantén solo lo necesario para tu aplicación.

from django.urls import path
from . import views

urlpatterns = [
    path('listado/', views.myView, name='listado'),
]

¿Cómo incluir URLs de una aplicación en el proyecto?

Para incluir las URLs de una aplicación en el proyecto principal, sigue estos pasos:

Modificar el archivo de URLs del proyecto: Agrega un nuevo path que incluya las URLs de tu aplicación.

from django.urls import include, path

urlpatterns = [
    path('carros/', include('myFirstApp.urls')),
]

Importar el include: Asegúrate de importar include desde django.urls.

¿Cómo configurar un servidor de desarrollo?

Para probar los cambios, ejecuta el servidor de desarrollo:

python manage.py runserver

Esto iniciará el servidor y podrás ver los cambios en tiempo real.

¿Cómo crear URLs dinámicas?

Para crear URLs que acepten parámetros dinámicos, sigue estos pasos:

Definir una URL dinámica: Utiliza los caracteres < y > para especificar el tipo de dato y el nombre del parámetro.

urlpatterns = [
    path('detalle/<int:id>/', views.detalle, name='detalle'),
]

Modificar la vista para aceptar parámetros: Asegúrate de que tu vista acepte los parámetros correspondientes.

def detalle(request, id):
    return HttpResponse(f"El ID es {id}")

¿Cómo manejar diferentes tipos de datos en URLs?

Django permite convertir diferentes tipos de datos en las URLs, como enteros y cadenas de texto:

Enteros: Utiliza <int:nombre> para enteros.
Cadenas de texto: Utiliza <str:nombre> para cadenas de texto.

urlpatterns = [
    path('marca/<str:brand>/', views.marca, name='marca'),
]

¿Cómo probar URLs dinámicas en el navegador?

Probar con enteros: Accede a una URL que requiera un entero, como detalle/1/.
Probar con cadenas de texto: Accede a una URL que requiera una cadena de texto, como marca/mazda/.

Sebastian Cardona Loaiza

student•

Reto resuelto:

from django.http import HttpResponse
from django.urls import path
from .models import Author, Profile

def my_view(request, *args, **kwargs):
    print(args)
    print(kwargs)
    return HttpResponse("")

def author_view(request, *args, **kwargs):
    print(args)
    print(kwargs)
    author = Author.objects.get(id=kwargs['id'])
    profile = Profile.objects.get(author_id=kwargs['id'])
    return HttpResponse(f"Author: {author.name} - Website: {profile.website} - Biografia: {profile.biography} ")

urlpatterns = [
    path('listado/', my_view),
    path('detalle/<int:id>', my_view),
    path('marcas/<str:brand>', my_view),
    path('autor/<int:id>', author_view),
]

John Arango

student•

Reto:

views.py en my_first_app:

dentro de templates/my_first_app/ cree el archivo author_profile.html

Luego dentro de my_first_app modifique el archivo urls.py de la siguiente manera:

Luego de eso modifique el archivo urls.py dentro de my__first_project:

Al modificar el urls del proyeto en la linea 22 quitando carros, al ejecutar el código las rutas quedan:

Finalmente para ver el el perfil del autor:

Ray Trápala

student•

No se supone que la carpeta que tiene un init no es un módulo sino un paquete y cada archivo *.py es un módulo?

Luis Martinez

teacher•

Un paquete es una carpeta que contiene varios módulos, es decir que un archivo es el módulo! Estás en lo cierto Ray

Alver Joan perez

student•

creo que se confundio con la definicion, pero el concepto esta bien primero se importa el paquete.modulo y luego ya sean las clases o variables o lo que sea que se va a usar.

lucas cartisano

student•

Me sale un warning que las urls deben empezar sin la barra, así path("/listado", my_view) debe ser cambiado a path("listado", my_view). Sigue funcionando igual, pero desaparece el warning

Mateo Congo

student•

Mi resolución del reto:

def author_view(request, *args, **kwargs):
    print(args)
    print(kwargs)
    author = Author.objects.get(id=kwargs['id'])
    profile = author.profile
    return HttpResponse(
        f"Author: {author.name} - Birth Date: {author.birth_date} -\nWebsite: {profile.website} - Biography: {profile.biography}")


urlpatterns = [
    path('listado/', my_view),
    path('detalle/<int:id>', my_view),
    path('marcas/<str:brand>', my_view),

    path('autor/<int:id>', author_view),
]

Luis Martinez

teacher•

Buena solución!

Luis Antonio Del Rio Salguero

student•

Aqui tratamos de abordarlo como un app diferente sin embargo nos iba a faltar todos los models jajajja, pero entonces lo abordamos dentro de la misma app, solo buscamos generar como su path propio

Gabriel Huaman

student•

en mi punto de vista, vi que varios crean su url concatenando su ID, siento que no es nada seguro porque se podria hacer muchas cosas con ese id que tiene en la url, lo conveniente es manejarlo oculto mas no mostrar por ID, es mi punto de vista ya que hay otros metodos de como hacerlo

Sergio Andrés Martínez Ramírez

student•

Una alternativa puede ser encriptar la url de tal forma que no sea legible para un usuario final, de esa forma se protege el id para no dejarlo expuesto. Igualmente es algo que se recomienda hacer con los datos sensibles, no guardarlos de manera plana en las tablas sino encriptarlos también.

Miguel Angel Reyes Moreno

student•

Reto completado:

urls.py de my first project


from django.contrib import adminfrom django.urls import path, include

urlpatterns = \[    path('admin/', admin.site.urls),    path('carros/', include('my\_first\_app.urls')),    path('profiles/', include('my\_first\_app.urls'))]

luego urls.py de my first app:


from django.http import HttpResponsefrom django.urls import pathfrom my\_first\_app.views import author\_profile, list\_cars
def my\_view(request, \*args, \*\*kwargs):    print(args)    print(kwargs)    return HttpResponse("")

urlpatterns = \[    path("listado/", list\_cars),    path("detalle/\<int:id>", my\_view),    path("marcas/\<str:brand>", my\_view),    path("author-profile/\<int:id>", author\_profile)]

después en views.py de my first app:


from django.shortcuts import renderfrom my\_first\_app.models import Car, Profile
\# Create your views here.
def list\_cars(request):    car\_list = Car.objects.all()    context = {        "car\_list": car\_list    }    return render(request, "my\_first\_app/car\_list.html", context)

def author\_profile(request, id):    profile = Profile.objects.get(id=id)    print(f'this is the profile! {profile}')    context = {        "profile": profile    }    return render(request, "my\_first\_app/author\_profile.html", context)

finalmente en el html:


\<!DOCTYPE html>\<html lang="en">    \<head>        \<meta charset="UTF-8" />        \<meta name="viewport" content="width=device-width, initial-scale=1.0" />        \<title>Profile\</title>    \</head>    \<body>        \<h2>This the profile of {{ profile.author }}\</h2>        \<article>{{profile.biography}}\</article>        \<p>            Visit the website in this link            \<a href="{{ profile.website }}">{{profile.website}}\</a>        \</p>    \</body>\</html>

Frandy De La Cruz

student•

Quise hacer que la URL tenga mas sentido mostrando el id del autor y el id del perfil a la vez (un poco mas semantica), por lo que lo hice de la siguiente manera, creando una vista para el autor y dentro de esta, un boton para ver su perfil:

Vistas:

author_list.html

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Lista de Autores</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div class="container">
      <h1 class="my-4">Lista de Autores</h2>
      <ul class="list-group">
        {% for author in author_list %}
        <li class="list-group-item">
          <h6>
            <a href="/libreria/autor/{{ author.id }}">{{ author.name }}</a>
          </h6>
          <p>Fecha de Nacimiento: {{ author.birth_date }}</p>
        </li>
        {% endfor %}
      </ul>
    </div>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </body>
</html>
```author\_details.html

```js
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Detalle del Autor</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div class="container">
      <h1 class="my-4">Detalle del Autor</h2>
      <a class="btn btn-secondary mb-3" href="/libreria/autores"
        >Volver a los Autores</a
      >
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ author.name }}</h6>
          <p class="card-text">
            <strong>Fecha de Nacimiento:</strong> {{ author.birth_date }}
          </p>
          {% if author.profile.id %}
          <a
            href="/libreria/autor/{{ author.id }}/perfil/{{ author.profile.id }}"
            class="btn btn-primary"
            >Ver Perfil</a
          >
          {% endif %}
        </div>
      </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </body>
</html>
```author\_profile.html

```js
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Perfil de {{ author_profile.author }}</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div class="container">
      <h1 class="my-4">Perfil de {{ author_profile.author }}</h2>
      <a
        href="/libreria/autor/{{ author_profile.author.id }}"
        class="btn btn-secondary mb-3"
        >Volver al Autor</a
      >
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ author_profile.author }}</h6>
          <ul class="list-group list-group-flush">
            <li class="list-group-item">
              <strong>Website:</strong>
              <a href="{{ author_profile.website }}"
                >{{ author_profile.website }}</a
              >
            </li>
            <li class="list-group-item">
              <strong>Biografía:</strong> {{ author_profile.biography }}
            </li>
          </ul>
        </div>
      </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </body>
</html>
```**Python**

views.py

```python
froms django.shortcuts import render
from my_first_app.models import Author, Profile

# author list view
def authors_view(request):
    author_list = Author.objects.all()
    context = {
        "author_list": author_list
    }
    return render(request, "my_first_app/author_list.html", context)

# author detail view
def author_view(request, *args, **kwargs):
    author = Author.objects.get(id=kwargs.get("author_id"))
    context = {
        "author": author
    }
    return render(request, "my_first_app/author_detail.html", context)

# author profile view
def author_profile_view(request, *args, **kwargs):
    author_profile = Profile.objects.get(author=kwargs.get("author_id"), id=kwargs.get("profile_id"))
    context = {
        "author_profile": author_profile
    }
    return render(request, "my_first_app/author_profile.html", context)
```urls.py

```js
from django.urls import path
from my_first_app.views import authors_view, author_view, author_profile_view

urlpatterns = [
    path("autores", authors_view),
    path("autor/<int:author_id>", author_view),
    path("autor/<int:author_id>/perfil/<int:profile_id>", author_profile_view)
]

Pold Anampa Saravia

student•

books_authors_list.html:

urls.py

views.py

Pold Anampa Saravia

student•

Robert Yesid Barrios Acendra

student•

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Car List</title>
</head>
<body>
    <h2>Author: {{author.name}}</h2>
    <ul>
        <li>Nombre: {{author.name}} - Año de nacimiento: {{author.birth_date}}</li>
    </ul>
</body>
</html>
```Y la view:

```python
def author_detail_view(request, id:int):
    author = Author.objects.get(id=id)
    context = {
        'author': author
    }
    return render(request, "my_first_app/author.html", context)

Jilber Izaguirre

student•

Comparto mi solución al reto:

- views.py:

from django.shortcuts import render, get_object_or_404from first_app.models import Author, Profile

def authors_information(request, id): author = get_object_or_404(Author, pk=id) # Obtiene el autor por su pk (primary key) profile = get_object_or_404(Profile, author=author) # Obtiene el perfil asociado al autor context = {'profile': profile} return render(request, 'authors_information.html', context)

- urls.py (my_first_proyect):

from django.contrib import adminfrom django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path("carros/", include("first_app.urls")), path("authors/", include("first_app.urls"))]

- urls.py (first_app)

from django.urls import pathfrom first_app.views import my_view, authors_information urlpatterns = [ path("listado", my_view), path("detalle/<int:id>", my_view), path("marcas/<str:brand>", my_view), path("author-biography/<int:id>/", authors_information, name="author_biography")]

- HTML:

<!DOCTYPE html><html lang="es"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Información del Autor</title> <style> table { border-collapse: collapse; width: auto; /* Importante: Ancho automático */ table-layout: fixed; /* Ancho fijo para las columnas */ } th, td { border: 1px solid black; padding: 8px; text-align: left; word-wrap: break-word; /* Permite que las palabras largas se rompan */ max-width: 300px; /* Ancho máximo para las celdas */ } th { background-color: #f2f2f2; } </style></head><body> <h2>Información del Autor</h2> <table> <thead> <tr> <th>Autor</th> <th>Sitio Web</th> <th>Biografía</th> </tr> </thead> <tbody> <tr> <td>{{ profile.author }}</td> <td><a href="{{ profile.website }}" target="_blank" rel="noopener noreferrer">{{ profile.website }}</a></td> <td>{{ profile.biography }}</td> </tr> </tbody> </table> </body></html>

Me apoyé en mi querido amigo ChatGPT para crear el HTML y tambien para agregar una funcion de Django (get_object_or_404()), que ayuda un poco con el manejo de errores.

Christian Kevin Rojas Rojas

student•

Reto resuelto usando filter que vimos en clases pasadas:

from django.http import HttpResponse
from django.urls import path
from .models import Author, Profile

def my_view(request, *args, **kwargs):
    print(args)
    print(kwargs)
    return HttpResponse("")

def author_view(request, *args, **kwargs):
    print(kwargs)
    print(kwargs["author"])
    author = Author.objects.filter(name=kwargs["author"]).first()
    profile = Profile.objects.filter(author=author).first()
    print(author)
    print(profile.biography)
    print(profile.website)
    return HttpResponse(f"Author: {author.name} - Website: {profile.website} - Biografia: {profile.biography} ")

urlpatterns = [
    path("listado/", my_view),
    path("detalle/<int:id>", my_view),
    path("marcas/<str:brand>", my_view),
    path("perfiles/<str:author>", author_view)
]

Christian Kevin Rojas Rojas

student•

Reto resuelto usando filter que vimos en clases pasadas:

from`` django.http ``import`` HttpResponse``from`` django.urls ``import`` path``from`` .models ``import`` Author, Profile def ``my_view``(request, *args, **kwargs): print(args) print(kwargs) ``return`` HttpResponse("") def ``author_view``(request, *args, **kwargs): print(kwargs) print(kwargs["author"]) author = Author.objects.filter(name=kwargs["author"]).first() profile = Profile.objects.filter(author=author).first() print(author) print(profile.biography) print(profile.website) ``return`` HttpResponse(f"Author: {author.name} - Website: {profile.website} - Biografia: {profile.biography} ") urlpatterns = [ path("listado/", my_view), path("detalle/<int:id>", my_view), path("marcas/<str:brand>", my_view), path("perfiles/<str:author>", author_view)]

Sergio Andrés Alvarez Vargas

student•

tengo un problema

Julian Camilo Sanchez Sosa

student•

Si te ocurre este error 500 puede ser que a mi me pasó importé from django.shortcuts import render, HttpResponseHTTPResponse del módulo http.client en lugar de el módulo HttpResponse de django.shortcuts

Simplemente debes usarlo así:

from django.shortcuts import render, HttpResponse
//...
return HTTPResponse("")

javier nicolas nieto

student•

Yetzojhanan Varela Sierra

student•

Vista: from django.contrib import adminfrom django.urls import path, includefrom django.http import HttpResponsefrom django.urls import pathfrom my_first_app.views import my_view, my_view2<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lista de Autos</title></head><body> <h2>Perfil del Autor {{ profile.author.name }}</h2> <table> {% for author in author_biography %} <tr> <td>{{ author.author }}</td> <td>{{ author.website }}</td> <td>{{ author.biography }}</td> </tr> {% endfor %} </table></body></html> urlpatterns = [ path("listado/", my_view, name="car_list"), path("detalle/<int:id>", my_view), path("marcas/<str:brand>", my_view), path("autor/<str:author_name>", my_view2, name="author_biography"),]

urlpatterns = [ path('admin/', admin.site.urls), path("carros/", include("my_first_app.urls")), path("biografia/",include("my_first_app.urls"))]

from django.shortcuts import render
from my_first_app.models import Car, Profile

# Create your views here.
def my_view(request):
    car_list = Car.objects.all()
    context = {
        "car_list": car_list
    }
    return render(request, "my_first_app/car_list.html", context)

def my_view2(request,author_name):
    author_biography = Profile.objects.filter(author__name=author_name)
    context = {
        "author_biography": author_biography
    }
    return render(request, "my_first_app/car_list.html", context)
```Urls:
```js
from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path("carros/", include("my_first_app.urls")),
    path("biografia/",include("my_first_app.urls"))
]
```Urls de my\_first\_app:
```js
from django.http import HttpResponse
from django.urls import path
from my_first_app.views import my_view, my_view2

urlpatterns = [
    path("listado/", my_view, name="car_list"),
    path("detalle/<int:id>", my_view),
    path("marcas/<str:brand>", my_view),
    path("autor/<str:author_name>", my_view2, name="author_biography"),
]

```template:
```js
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lista de Autos</title>
</head>
<body>
    <h2>Perfil del Autor {{ profile.author.name }}</h2>
    <table>
        {% for author in author_biography %}
        <tr>
            <td>{{ author.author }}</td>
            <td>{{ author.website }}</td>
            <td>{{ author.biography }}</td>
        </tr>
        {% endfor %}
    </table>
</body>
</html>

Luis Kennedy Saavedra Fuentes

student•

Algo mas de las URLs en Django en los primeros pasos con Django documentation: https://docs.djangoproject.com/en/5.0/intro/tutorial01/#path-argument-route

Andres Geovanny Angulo Botina

student•

Comparto mi solución para mostrar la información del perfil de un Autor:

views.py (my_first_app):

urls.py (my_first_app):

author_profile.html (my_first_app/views):

Eduardo Vladimir Azanza Lutsak

student•

Me parece que esta clase de URL fue muy resumida y muy rápida. Hubiese sido mejor que empiece con la creación de la URL de la homepage creándola desde my_first_project y luego si con la explicación de include urls en las app.

Luis Martinez

teacher•

Hola Eduardo, lo mantuvimos simple es verdad, pero en el proyecto de curso vamos a usar más urls y ahí separamos las urls por dominio! Espero que esa clase te complemente el aprendizaje. En caso de que sigas con dudas por favor dejame una pregunta y estaré feliz de ayudarte