devfzn/intro_Django
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
fd67cb8241
intro_Django/Proyecto1/README.md

476 lines
11 KiB
Markdown
Raw Normal View History

+readme.md
2020-11-16 21:15:22 -03:00
**Ir a:**
*[Repositorio](https://gitea.kickto.net/jp.av.dev/intro_Django#user-content-django-wiki)*,
*[Proyecto y apps (bd)](https://gitea.kickto.net/jp.av.dev/intro_Django/wiki/2_Apps%26BD#user-content-proyecto-y-aplicacion-es)*
-------
### Creacion Entorno Virtual
```
python3 -m venv .django-env
```
### Usar virt-env
```
source .django-evn/bin/activate
```
### Installar Django
```
pip3 install Django
```
### Crear Proyecto
```
django-admin startproject NombreProyecto
```
### Detalle del proyecto:
- **init.py :** Tratar directorio como paquete de Python
- **settings.py :** Configuracion del Proyecto (*ej.TIMEZONE*)
- **urls.py :** "Indice" de urls del sitio
- **wsgi.py :** Interfaz entre apps del servidor y Django y/o Python frameworks
### Creación de base de datos
```
python3 manage.py migrate
```
### Correr servidor de pruebas
```
python3 manage.py runserver <ip:puerto>
```
--------
### Clases utilizadas por Django para manejar *'http Request and Responses'*
##### *módulo* ***django.http***
**HttpRequest:** Pasa como primer argumento a la función *view* una instancia de dicha clase (metadata del request).
**HttpResponse:** Cada *view* es responsable de enviar un objeto HttpResponse.
[Django Doc](https://docs.djangoproject.com/en/3.0/ref/request-response/#django.http.HttpRequest)
--------
## Primera Vista
crear Proyecto1/views.py
```
from django.http import HttpResponse
def primeravista(request):
return HttpResponse("Esta es la primera vista ٩(◕‿◕｡)۶ con Django")
def otra(request);
return HttpResponse("Otra vista (￣▽￣)ノ con Django")
```
### 'Enlazar' vista con una URL
***urls.py***
```
from Proyecto1.views import primeravista, otra
url_patterns = [
path('admin/', admin.site.urls),
path('primera/', primeravista),
path('mas/', otra),
]
```
-------
## Paso de parametros en URL
*views.py*
```
def calcEdad(request, edad, ano):
periodo = ano - 2020
edadfutura = edad + periodo
doc = "<html><body><h3>En el %s tendras %s años</h3></body></html>" %(ano, edadfutura)
return HttpResponse(doc)
```
*urls.py*
```
from Proyecto1.views import primeravista, otra, verFecha, calcEdad
urlpatterns = [
...
path('edades/<int:ano>', calcEdad),
...
```
### Contenido Dinámico
*views.py*
```
import datetime
def verFecha(request):
fecha_ahora = datetime.datetime.now()
documento = "<html><body><h3> Hora y Fecha actual: %s</h3></body></html>" % fecha_ahora
return HttpResponse(documento)
```
*urls.py*
```
from Proyecto1.views import primeravista, otra, verFecha
urlpatterns = [
...
path('fecha/', verFecha),
...
```
--------
## Templates o Plantillas
*en su mayoria HTML*, se usan para separar la lógica de lo visual de un documento web.
"temas":["Vistas", "Modelos", "Plantillas", "Formularios", "Despliege"]
#Uso:
- Creación de objeto Template `plant = Template(doc_externo.read())`
- Creacion de contexto (**datos adicionales ej, vars, func., etc**) `ctx = Context()`
- Renderizado del objeto Template `documento = plant.render(ctx)`
*Proyecto1/plantillas/miplantilla.html*
```
<html><body><h3>Primera plantilla en Django ╮(︶▽︶)╭</h3></body></html>
```
*views.py*
```
from django.template import Template, Context
def primeravista(request):
doc_externo = open("/home/sat/weblocal/PildorasInf/Proyecto1/Proyecto1/plantillas/miplantilla.html", 'r')
plantilla = Template(doc_externo.read())
doc_externo.close()
ctx = Context()
documento = plantilla.render(ctx)
return HttpResponse(documento)
```
### Uso de variables en plantillas
*views.py*
```
from django.template import Template, Context
def primeravista(request):
nombre = "Zerafín"
apellido = "Menendes"
fecha = datetime.datetime.now()
doc_externo = open("/home/sat/weblocal/PildorasInf/Proyecto1/Proyecto1/plantillas/miplantilla.html", 'r')
plantilla = Template(doc_externo.read())
doc_externo.close()
ctx = Context({"nombre_persona":nombre, "apell_persona":apellido, "fecha":fecha})
documento = plantilla.render(ctx)
return HttpResponse(documento)
```
*miplantilla.html*
```
<html>
<body>
<h2 style="color: magenta">
Primera plantilla en Django ╮(︶▽︶)╭
</h2>
<p>El Nombre de prueba es: <strong>{{nombre_persona}}</strong></p>
<p>El Apellido de prueba es: <strong>{{apell_persona}}</strong></p>
<p>Día : {{fecha.day}}/{{fecha.month}}/{{fecha.year}}/</p>
</body>
</html>
```
### Acceso a objetos y propiedades desde plantillas (uso de dicc. en contexto)
*views.py*
```
class Persona(object):
def __init__(self, nombre, apellido):
self.nombre = nombre
self.apell = apellido
def primeravista(request):
p1 = Persona("Zerafín", "Menendes")
fecha = datetime.datetime.now()
doc_externo = open("/home/sat/weblocal/PildorasInf/Proyecto1/Proyecto1/plantillas/miplantilla.html", 'r')
plantilla = Template(doc_externo.read())
doc_externo.close()
ctx = Context({"nombre_persona":p1.nombre, "apell_persona":p1.apellido, "fecha":fecha})
documento = plantilla.render(ctx)
return HttpResponse(documento)
```
### Uso de listas en contexto y plantillas
*views.py*
```
temas_curso = ["Vistas", "Modelos", "Plantillas", "Formularios", "Despliege"]
ctx = Context({"nombre_persona":p1.nombre, "apell_persona":p1.apellido, "fecha":fecha, "temas":temas_curso})
```
### Estructuras de control de flujo en plantillas
*miplantilla.html*
```
<p><strong>Temas de estudio</strong></p>
<p>
<ul>
{% if temas %}
{% for tema in temas %}
<li>{{tema}}</li>
{% endfor %}
{% else %}
<p>Nada que mostrar</p>
{% endif %}
</ul>
</p>
```
*recordar: La lógica va en las vistas. Estas lineas son con el fin de comprender el funcionamiento de Django*
#### Jerarquía de llamadas desde plantilla
- Diccionario
- Atributo
- Método
- Índice lista
#### Métodos en plantillas
*miplantilla.html*
```
<p>El Nombre de prueba es: <strong>{{nombre_persona.upper}}</strong></p>
<p>El Apellido de prueba es: <strong>{{apell_persona.upper}}</strong></p>
```
### Tags
```
# autoescape on por defecto
{% autoescape on %}
{{ body }}
{% endautoescape %}
# Comentarios
{# COMENTARIO DE UNA LINEA #}
{% comment "nota opcional" %}
Comentario con nota, multilinea,
no visible para web inspector de navegador*
{% endcomment %}
# Herencia, para 'esqueletos' de plantillas (elementos comunes del sitio
{% block barra_lateral %}
<ul>
<li><a href="/">https://docs.djangoproject.com/en/3.0/ref/templates/language/</a></li>
<li><a href="https://docs.djangoproject.com/en/3.0/ref/templates/language/#template-inheritance">Blog</a></li>
</ul>
{% endblock %}
# Proteccion contra CSRF* (on por defecto)
<form method="post">{% csrf_token %}
# Cross Site Request Forgery
```
```
# for
{% for x, y in points %}
There is a point at {{ x }},{{ y }}
{% empty %}
No values
{% endfor %}
```
#### Variantes del ciclo for
- forloop.counter :`Itera con indexado 1`
- forloop.counter0 :`Itera con indexado 0`
- forloop.revcounter :`Iteracíon inversa con indexado 1`
- forloop.revcounter0 :`Iteracíon inversa con indexado 0`
- forloop.first :`Verdadero si es la primera iteración`
- forloop.last :`Verdadero si es la última iteración`
- forloop.parentloop :`Para 'loops' anidados, Este es el loop padre`
### Fitros
*miplantilla.html*
```
# filtro upper
<p>El Apellido de prueba es: <strong>{{apell_persona|upper}}</strong></p>
{% filter force_escape|lower %}
This text will be HTML-escaped, and will appear in all lowercase.
{% endfilter %}
{% firstof var1 var2 var3 %}
% firstof var1 var2 var3 "valor por defecto" %}
{% for tema in temas %}
<li>{{tema|first|lower}}</li>
{% endfor %}
```
[django-doc](https://docs.djangoproject.com/en/3.0/ref/templates/builtins/#filter)
### Cargadores de Plantillas (loader)
De esta forma, el objeto *render* no adminte un contexto como parametro.
Debe recibir un *diccionario*
*views.py*
```
....
from django.template.loader import get_template
....
plantilla = get_template('miplantilla.html')
documento = plantilla.render({"nombre_persona":p1.nombre, "apell_persona":p1.apell, "fecha":fecha, "temas":temas_curso})
return HttpResponse(documento)
```
Especificar ruta a plantillas
*settings.py*
```
TEMLPATES = [
...
'DIRS': ['/home/sat/weblocal/PildorasInf/Proyecto1/Proyecto1/plantillas'],
...
]
```
### Simplificación de código con paquete shortcuts
[Django-doc](https://docs.djangoproject.com/en/3.0/topics/http/shortcuts/)
*views.py*
```
...
from django.shortcuts import render
# render recibe como argumento (request, 'plantilla', {contexto})
...
return render(request, "miplantilla.html", {"nombre_persona":p1.nombre, "apell_persona":p1.apellido, "fecha":fecha, "temas":temas_curso})
```
### Pantillas dentro de plantillas ( incrustadas )
ej. barra navegacion simple */plantillas/superior/barra.html*
```
<html>
<style>
#barra{
margin: 0;
padding: 0;
list-style: none;
text-transform: uppercase;
}
#barra li{
display: inline;
margin: 0 20px
}
</style>
<body>
<ul id="barra">
<li>Home</li>
<li>Servicios</li>
<li>Catálogo</li>
<li>Contacto</li>
<li>sobre Nosotros</li>
</ul>
</body>
</html>
```
Incrustar en *miplantilla.html*
```
<html>
<body>
{% include "superior/barra.html" %}
...
```
### Herencia de plantillas
Creación de plantilla padre,de la que se basa el resto de plantillas.
```
Parent.html
⭣
⮡ Child1.html {% extends "Parent.html" %}
⭣
⮡ Child2.html {% extends "Parent.html" %}
⭣
⮡ Child3.html {% extends "Parent.html" %}
```
ej. Parent
*plantillas/base.html*
```
<html>
<head>
<title>
{% block title %} {% endblock %}}
</title>
</head>
<body>
<h1>Titulo Común</h1>
<h3>Otro tit. vom.</h3>
{% block content %} {% endblock %}}
<p>Parrafo común</p>
</body>
</html>
```
ej. child
*childpage1.html*
```
{% extends "base.html" %}
{% block title %} Pagina hija {% endblock %}
{% block content %}
<p>Hoy es {{verFecha}}</p>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/d1-UX6aR_TM?start=813" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{% endblock %}
```
Registrar vista *views.py* y url en *urls.py*
```
def herencia1(request):
fecha_ahora = datetime.datetime.now()
return render(request, "childpage1.html", {"verFecha":fecha_ahora})
# lo mismo para childpage2.html
```
```
from Proyecto1.views import primeravista, otra, verFecha, calcEdad, herencia1, herencia2
urlpatterns = [
...
path('hija1/', herencia1),
path('hija2/', herencia2),
]
```
-------
**Ir a:**
*[Repositorio](https://gitea.kickto.net/jp.av.dev/intro_Django#user-content-django-wiki)*,
*[Proyecto y apps (bd)](https://gitea.kickto.net/jp.av.dev/intro_Django/wiki/2_Apps%26BD#user-content-proyecto-y-aplicacion-es)*
Reference in New Issue Copy Permalink