Django Password Generator

Entorno virtual

Comando para poder crear un entorno virtual usando conda:

conda create -n django-password-generator python=3

Comando para activar el entorno virtual de conda:

conda activate django-password-generator

instalar Django:

pip install django

si tipeas lo siguiente podras ver los multiples comandos que puedes usar con este paquete:

django-admin

Comando para crear un nuevo proyecto de Django:

django-admin startproject django_password_generator

Comando para ejecutar el servidor de desarrollo:

python manage.py runserver

Una vez el servidor se este ejecutando, podras visitar las siguientes URLs:

http://127.0.0.1:8000/
localhost:8000

Estructura del proyecto

Una breve descripción de la estructura del proyecto

manage.py
settings.py
- BASE_DIR, es la ruta de tu proyecto, esta es relativa a donde lo has creado
- SECRET_KEY, es un string unico para modulos que requieran de un string para mantenerse seguro
- DEBUG = True, este una variable que nos da mas informacion de los errores. en produccion debe estar en False.
- ALLOWED_HOST, son las urls que tiene permitidas conectarse a tu aplicacion
- DATABASES cambia el DEBUG = False, y visita un rl que no existe como: http:/localhost:8000/asdad esta no te mostrara los errores
urls.py

tambien necesitas añadir ALLOWED_HOST=['localhost']

Django Apps

Para crear una app en django:

python manage.py startapp generator

luego es necesario agregarlo en Settings.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'generator'
]

urls

ve /admin

cambialo a otro nombre como /dashboard y ahora tienes que visitar /dashboard para entrar en el login

actualizalo ahora a lo siguiente:

from django.urls import path from generator import views

urlpatterns = [ path('', views.home), path('about', views.about), ]

lueggo en generator/views:

from django.shortcuts import render
from django.http import HttpResponse

# Create your views here.


def home(request):
    return HttpResponse('Hello world')

def about(request):
    return HttpResponse('<h1>About</h1>')

Templates

permite leer archivos y ser convertidos en HTML para ser devueltos al cliente

crea en generator/templates/home.html

Home pagge

luego reemplazalo en generator/views.py:

def home(request): return render(request, 'generator/home.html')

pasar datos

tambien puedes pasar informacion:

en generator/views.py

def home(request):
    return render(request, 'generator/home.html', {'name': 'Fazt'})

luego en *generator/templates/home.html*

Hello {{name}}

Password URL

cambiemos home:

<h1>Password Generator</h1>

<form action="generate-password">
  <!-- Password Lenght -->

  <select name="length" id="length">
    <option value="6">6 Characters</option>
    <option value="7">7 Characters</option>
    <option value="8">8 Characters</option>
  </select>

  <button>Generate Password</button>
</form>

luego,

from django.urls import path
from generator import views

urlpatterns = [
    path('', views.home),
    path('generate-password', views.generatedPassword),
]

en generator/templates/password:

y en views:

def generatedPassword(request): return render(request, 'generator/password.html')

ahora en caso en el formulario quieras mantener el mismo nombre de la url, puedes colaor esto:

y luego en urls:

urlpatterns = [ path('', views.home), path('generate-password', views.generatedPassword, name='password'), ]

esto lo que hace es unir la vista y la url pasandole el nombre, name no tiene que ser distinto, puede ser el mismo que el nombre del path, solo lo he colocado asi para notarlo.

Más Recursos

Añadir Bootstrap, https://getbootstrap.com/docs/5.1/getting-started/introduction/