intro_Django/ProyectoWeb/README.md

**Ejémplo estructura común página web**
```
+---------------------------------------+
|   +------+    +-------------------+   |
|   | Logo |    |       Menu        |   |<---- cont. estatico y dinamico
|   +------+    +-------------------+   |
|                                       |
|                                       |
|   +-------------------------------+   |
|   |                               |   |       
|   |                               |   |
|   |        Zona de Carga          |   |
|   |                               |   |
|   |         de Contenido          |   |<---- cont. estatico y dinamico
|   |                               |   |
|   |                               |   |
|   |                               |   |
|   +-------------------------------+   |
|                                       |
|   +-------------------------------+   |
|   |        Pie de página          |   | <---- rrss, contacto
|   +-------------------------------+   |
+---------------------------------------+
```
El contenido a mostar en la zona de carga dependerá  
de lo seleccionado en menú o pie de página.

- Crear URLs y Vistas
- Crear Plantillas y herencias
- Manejar archivos externos
- Conf. panel de administración
- Conf. conexión a BBDD
- CRUD con BBDD
- Trabajo con formularios y envío de mails
- Depsliege


## Inicio ProyectoWeb
```
django-admin startproject ProyectoWeb

cd ProyectoWeb

python3 manage.py startapp ProyectoWebApp

# configuar settings.py (TimeZone, idioma, ip , mail, bd...) 

python3 manage.py runserver 192.168.0.4:8000'
```

### Menu:
- Home
- Servicios
- Tienda
- Blog
- Contacto
- *(admin)*


App/
*views.py*
```
from django.shortcuts import render, HttpResponse

def home(request):
    return HttpResponse("Inicio")
    
def servicios(request):
    return HttpResponse("Servicios")

def tienda(request):
    return HttpResponse("Tienda")
    
def blog(request):
    return HttpResponse("Blog")

def contacto(request):
    return HttpResponse("Contacto")
```
Project/*urls.py*
```
from django.contrib import admin
from django.urls import path
from ProyectoWebApp import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.home, name="Inicio"),
    path('servicios/', views.servicios, name ='Servicios'),
    path('tienda/', views.tienda, name ='Tienda'),
    path('blog/', views.blog, name ='Blog'),
    path('contacto/', views.contacto, name='Contacto'),
]
```

*Como es común un proyecto se compone de varias Apps*  
*Y una App puede ser reutilizada en otro proyecto*  
*urls.py explica como organizar urls para manejar multiples Apps*  


### Organizar URLs

**Including another URLconf**
    - 1. Import the include() function: *from django.urls import include, path*
    - 2. Add a URL to urlpatterns:  *path('blog/', include('blog.urls'))*
  
   
Project/*urls.py*  
```
from django.contrib import admin
from django.urls import path, include


urlpatterns = [
    path('admin/', admin.site.urls),
    path('ProyectoWebApp/', include('ProyectoWebApp.urls')),
]
```
**Para evitar tener que escribir misitio.com/ProyectoWebApp/home** 
**Dejar '' en vez de 'Proyec...' en el path de ProyectoWeb/urls.py** 
  
### Crear urls.py en la carpeta de la aplicacion  
*App/urls.py*
```
from django.urls import path
from ProyectoWebApp import views

urlpatterns = [
    path('', views.home, name="Inicio"),
    path('servicios/', views.servicios, name ='Servicios'),
    path('tienda/', views.tienda, name ='Tienda'),
    path('blog/', views.blog, name ='Blog'),
    path('contacto/', views.contacto, name='Contacto'),
]
```

## Crear Templates

***ProyectoWebApp/templates/ProyectoWebApp/ por convención***
inicio - servicios - tienda - blog - contacto  

### Registrar App  
***Project/settings.py***  
```
INSTALLED_APPS = [
    ...
    'ProyectoWebApp',
]
```

###  Modificar vistas para html
App/*views.py*
```
from django.shortcuts import render, HttpResponse

def home(request):
    return render(request, "ProyectoWebApp/home.html")
    
def servicios(request):
    return render(request, "ProyectoWebApp/servicios.html")

def tienda(request):
    return render(request, "ProyectoWebApp/tienda.html")
    
def blog(request):
    return render(request, "ProyectoWebApp/blog.html")

def contacto(request):
    return render(request, "ProyectoWebApp/contacto.html")
```